CSS更改似乎不在iPhone浏览器中显示（移动Webkit/Safari）

我刚刚尝试使提交按钮在css文件中更大，并且也内联提交按钮本身，并且不显示。

如果我使用Ripple的扩展程序，它会显示在那里（但Ripple并没有iPhone表单元素的确切外观）。

我想知道这是否是一个已知的问题 - 即使浏览器从提交按钮等中删除样式或如果它是我做错了什么。

这行很简单：除非你指定“：0边界”

<input type="submit" value="Submit" class="submit" style="text-align: center; width:30%; height:50px; "/>

我有文本对齐没有在iPhone的Safari按钮正常工作类似的问题输入按钮。文本不居中，因为圆角按钮不够宽。但是，Android WebKit会正确显示按钮。关于按钮大小，我设置了一个'width：1.5em'并增加了字体大小。 – ge0rg

高度规则并不适用于该按钮。但是，您将失去按钮的默认样式，但您可以使用自己的CSS获取样式。

不知道你是否试图让提交按钮居中 - 但如果你是这样，你应该将按钮设置为“display：block”，然后添加“margin：0 auto”。文本对齐规则不是必需的。

2011-11-29 15:15:28

谢谢，我会看看这个。 – martincarlin87

这应该对你有帮助

-webkit-appearance：none;

把它添加到你的造型

2014-05-27 18:21:12

回答