HTML“按钮”应该和其他所有的盒子模型一样吗?

时间:2011-11-30 23:52:52

标签: w3c css

引用button元素和input元素type button,我遇到了一个我认为是一个错误的行为(在最近的版本中) Firefox和Chrome)。但鉴于表格元素通常是我认为是w3规则的例外情况,我认为在假设我是对的之前我会要求验证。

行为是这样的:在标准模式下,当我向这样的元素添加边框时,边框出现在元素的宽度内。如果我手动将box-sizing设置为content-box(使用供应商前缀),则行为符合我的预期,但当box-sizing保留为默认时,它不是{{ 1}} 的。 Here's a jsfiddle example。如果你不想去jsfiddle,这里是源代码:

content-box

这是正确的行为,还是我偶然发现了一个错误?

1 个答案:

答案 0 :(得分:0)

显然已经向Chrome和Firefox报告了此错误。漏洞是,在这两种情况下,这些元素的浏览器样式表中都设置了{em>初始值box-sizing: padding-box。所以从技术上讲它不是默认值(初始!=默认值)。但是,将这些元素还原为box-sizing: content-box的唯一方法是使用content-box的专有浏览器扩展,因此没有任何真正符合CSS的方法来执行此操作。 CSS 2.1不存在box-sizing,专有的浏览器扩展名不是CSS 3。