js验证非空后，输入框边框变红，如果输入正确怎么让边框恢复到默认的颜色？
验证与恢复函数我会写，就是不知道输入框默认的是什么样式，functionrestore(a){a.style.border="1pxsolidblack";}默认的样式不...
验证与恢复函数我会写，就是不知道输入框默认的是什么样式，
function restore(a){
a.style.border="1px solid black";
}
默认的样式不是黑色也不是白色，到底该怎么恢复到原来的样子？
下面那条线不是，上面那个输入框就是输入标签的默认的样式 展开
function restore(a){
a.style.border="1px solid black";
}
默认的样式不是黑色也不是白色，到底该怎么恢复到原来的样子？
下面那条线不是，上面那个输入框就是输入标签的默认的样式 展开
3个回答
展开全部
默认的边框样式应该是无法恢复的，不同浏览器的边框也不一样。
不过你可以在文本框外面加一个span，只改变span的边框（需要调整一下padding），这样就可以恢复了：
<html>
<head>
<script type="text/javascript">
var t = 0;
function showBorder() {
var answer3 = document.getElementById("yearId").value;
if (t == 0) {
t = 1;
document.getElementById("yearId").parentElement.style.border = "0";
}
else {
t = 0;
document.getElementById("yearId").parentElement.style.border = "1px solid black";
}
}
</script>
</head>
<body>
<span style="padding-bottom: 2px; padding-top: 1px; padding-left: 0; padding-right: 0">
<input type="text" id="yearId" name="yearId" size="16" /></span>
<input type="button" value="show border" onclick="showBorder()" />
</body>
</html>
效果图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你不应该直接修改样式，应该把样式写在css中，然后修改元素的class即可应用和取消样式
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a.style.border="";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
