我有一个移动网页，它只是一个带有提交按钮的简单表单。
我刚刚尝试在css文件中使提交按钮更大，并且还在提交按钮本身内联并且它没有显示。
如果我使用Chrome的Ripple扩展程序，那么它就显示在那里（但是Ripple还没有iPhone表单元素的精确外观）。
我想知道这是否是一个已知问题 - 即浏览器会从提交按钮等中删除样式，或者是否是我做错了。
有问题的一行很简单：
<input type="submit" value="Submit" class="submit" style="text-align: center; width:30%; height:50px; "/>
答案 0 :(得分：0)
除非指定“border：0”，否则高度规则将不适用于该按钮。但是，您将失去按钮的默认样式，但您可以使用自己的CSS恢复样式。
不确定您是否尝试将提交按钮置于表单中心 - 但如果您是，则应将按钮设置为“display：block”，然后添加“margin：0 auto”。文本对齐规则不是必需的。
答案 1 :(得分：0)
这应该可以帮到你
-webkit-appearance：none;
将其添加到您正在设置样式的输入按钮