我有以下CSS类
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
padding: 2px 0;
}
以及以下 html 和 Java 脚本:
<input type="text" id="txt1" style="width:300px;" />
<input type="button" id="btn" value="click here" class="medium required" onclick="return validate();"/>
<script language="javascript">
function validate()
{
if (document.getElementById('txt1').value == '') {
document.getElementById('txt1').style.borderLeft = "5px solid red";
return false;
}
}
</script>
它在 Mozila 中有效,但在谷歌浏览器中,只要验证触发,输入框就会在 javascript 中完全应用 css,但它还会创建 1px 实体的顶部和底部边框
您可以查看此示例:http://jsfiddle.net/unloco/VFBT3/3/
我该如何解决这个问题?谢谢。
最佳答案
似乎是 border-radius: 3px 3px 3px 3px;
和 -webkit-border-radius: 3px 3px 3px 3px;
如果你从CSS,那么 Chrome 就没有问题了
关于html - 与 Border-Radius 的谷歌浏览器相关的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8722933/