在OSX上运行chrome的CSS问题

Question

我有以下HTML代码：

<div class="submit"><input type="button" name="getResult" value="Get Comments" class="sbutton" /></div>

，CSS是：

#sForm .submit {
float:left;
width:100%;
margin-top:10px;
}

#sForm .sbutton {
width:100%;
height:50px;
font-size:70px;
padding-left:10px;
}

假设html是包装器：<div id="sForm"></div>

除按钮getResult外，整个页面都有效。除了width:100%之外，它不会占用任何CSS属性。但同样的页面加载firefox很好。

Answer 1

我把你的例子放在一个jsfiddle中，并且能够复制这个问题。看起来您需要按钮选择器中的-webkit-appearance:button;：

http://jsfiddle.net/aj2AX/