CSS更改似乎在iPhone浏览器（移动Webkit / Safari）中不起作用

Question

我是一位有用的助手，可以为您翻译文本。以下是需要翻译的内容：

我有一个移动网页，只是一个简单的表单和提交按钮。

我尝试在CSS文件中和提交按钮本身上进行内联，使提交按钮变大，但它没有显示出来。

如果我使用Chrome的Ripple扩展程序，它会显示出来（但Ripple还没有完全实现iPhone表单元素的外观）。

我想知道这是否是一个已知的问题 - 例如，浏览器是否会删除提交按钮的样式等，或者是否是我做错了什么。

涉及的行只是：

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

- martincarlin87

---

我在iPhone Safari上遇到了文本对齐不正确的类似问题。由于圆形按钮不够宽，文本无法居中。但是，在Android WebKit上，按钮显示正常。关于按钮大小，我设置了width: 1.5em并增加了字体大小。 - ge0rg

Answer 1

除非您指定“border: 0”，否则高度规则不适用于按钮。但是，您将失去按钮的默认样式，但可以使用自己的CSS恢复样式。

如果您不确定是否要在表单中将提交按钮居中 - 但如果是，则应将按钮设置为“display: block”，然后添加“margin: 0 auto”。text-align规则不是必需的。

- Darek Rossman

Answer 2

这应该会对你有所帮助

-webkit-appearance: none;

将其添加到你正在样式化的输入按钮中

- Adeleke Akinade