引用button
元素和input
元素type
button
,我遇到了一个我认为是一个错误的行为(在最近的版本中) Firefox和Chrome)。但鉴于表格元素通常是我认为是w3规则的例外情况,我认为在假设我是对的之前我会要求验证。
行为是这样的:在标准模式下,当我向这样的元素添加边框时,边框出现在元素的宽度内。如果我手动将box-sizing
设置为content-box
(使用供应商前缀),则行为符合我的预期,但当box-sizing
保留为默认时,它不是{{ 1}} 的。 Here's a jsfiddle example。如果你不想去jsfiddle,这里是源代码:
content-box
这是正确的行为,还是我偶然发现了一个错误?
答案 0 :(得分:0)
显然已经向Chrome和Firefox报告了此错误。漏洞是,在这两种情况下,这些元素的浏览器样式表中都设置了{em>初始值box-sizing: padding-box
。所以从技术上讲它不是默认值(初始!=默认值)。但是,将这些元素还原为box-sizing: content-box
的唯一方法是使用content-box
的专有浏览器扩展,因此没有任何真正符合CSS的方法来执行此操作。 CSS 2.1不存在box-sizing,专有的浏览器扩展名不是CSS 3。