Html OSX上运行chrome的CSS问题

我有以下html代码：

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

假设html是包装器：

---

除了按钮

getResult

，整个页面都可以工作。它不接受任何CSS属性，除了

宽度：100%

。但同样的页面在firefox上加载良好

我将您的示例放在jsfiddle中，并且能够复制这个问题。看起来您需要

-webkit外观：按钮在按钮选择器中：

你有没有一个活生生的例子？另外，重新制作标记以包含包装，而不是附加包装。不，我已将其安装在本地主机上，如果有帮助，我可以给您一个屏幕截图！！（尽管我知道不是！！）你可以用它来做一个活生生的榜样，让每个人都开心。我很抱歉，但我不明白，你能解释你的答案或把代码放在这里吗？他是对的，只需添加这一行-webkit外观：按钮；在#sForm.sbutton{blockThe-webkit外观：按钮告诉它工作起来，看起来像一个更传统的按钮，而不是使用OSX样式，我相信它使用固定的图像大小。
#sForm .submit {
float:left;
width:100%;
margin-top:10px;
}

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