gpt4 book ai didi

css - 为什么无样式输入文本的边框宽度为 2px?

转载 作者:行者123 更新时间:2023-12-02 05:17:44 25 4
gpt4 key购买 nike

我有以下 HTML 标记,它生成文本类型的输入表单元素。

<!DOCTYPE html>
<html>
<body>
<input type="text" />
</body>
</html>

在一个不错的浏览器中,它呈现如下屏幕截图(在右侧的缩放图像):

Sample

那么,为什么要检查 <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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com