Question

我正在设置提交输入以使用content-box属性的box-sizing值，例如：

<style>input {
    width:200px;
    height:100px;
    box-sizing:content-box;
}
</style>

<input type="submit" value="Button" />

请参阅jsfiddle

但是OS X Safari和Chrome没有设置高度，因为它没有遵循content-box框模型。它运行良好的OS X Firefox和所有Windows 8.1浏览器。

这是OS X的WebKit错误吗？任何解决方法？

Answer 1

问题在于，在WebKit浏览器中，对CSS3指令的支持不均衡。为了使它在这些浏览器中工作，您需要添加带有-webkit-前缀的新行。要获得更全面的支持，您可能还希望使用-moz-前缀添加另一行。

<style>
input {
    width:200px;
    height:100px;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}
</style>

为什么是大小调整：OS X WebKit浏览器会忽略内容框？

1 个答案: