IE8不会使用border-box正确呈现输入

时间:2012-12-03 08:53:14

标签: css css3 internet-explorer-8 border-box

我有一个带有文本输入的表单,我给了文本输入css-property box-sizing: border-box; width: 100%; padding-left: 28px。根据我可以找到的所有文档border-box IE8应该支持box-sizing的这个值(实际上 IE8在quirks-mode 中呈现box-model的方式)尽管左侧有填充物,但应始终将此输入保持在100%宽度。但是,它似乎只是将填充添加到宽度。你可以在紫色边栏的http://theater.dierclients.com/assets/html看到这个。

有关为何发生这种情况的任何想法?

感谢。

2 个答案:

答案 0 :(得分:4)

box-sizing是一个CSS3属性。它没有直接在IE8中实现。您需要使用以下语法:

-ms-box-sizing

参见http://erik.eae.net/archives/2008/03/10/21.48.10/http://www.quirksmode.org/css/box.html

请注意,这类似于某些版本的Firefox需要使用的-moz-box-sizing。有关详细信息,请参阅本页的浏览器兼容性部分:

https://developer.mozilla.org/en-US/docs/CSS/box-sizing

答案 1 :(得分:0)

我可以向您保证,IE 8不需要前缀。请自行检查。