我有以下 HTML 标记，它生成文本类型的输入表单元素。
<!DOCTYPE html>
<html>
<body>
<input type="text" />
</body>
</html>
在一个不错的浏览器中，它会呈现如下屏幕截图(右侧是缩放图像):
那么，为什么在检查 <input> 时元素浏览器显示边框宽度为 2px？我们可以从视觉上看出输入元素有1像素。即使使用 jQuery，当我做类似 jQuery('input').css('border-width') 的事情时它吐出2px。
当然，这种情况仅发生在无样式的表单输入元素中。
我还创建了一个 JsFiddle 演示:http://jsfiddle.net/HBDUZ/
谢谢!
最佳答案
每个浏览器都有一个内置样式表(称为“用户代理样式表”)，其中包含某些元素的默认样式。
在本例中(Chrome 25 beta-m，Windows)，样式为:
border: 2px inset;
inset 的结果在这个 JSFiddle 中确实可见。 ，具有对比色背景。
关于css - 为什么无样式的输入文本的边框宽度为 2px？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14371145/