我有一个移动网页,只是一个带有提交按钮的简单表单。
我刚刚尝试在 css 文件中使提交按钮变大,并且内联在提交按钮本身上,但它没有显示。
如果我使用 Chrome 的 Ripple 扩展程序,它会显示在其中(但 Ripple 还没有 iPhone 表单元素的确切外观)。
我想知道这是否是一个已知问题 - 即,如果浏览器从提交按钮等中删除样式,或者这是否是我做错的事情。
有问题的行很简单:
<input type="submit" value="Submit" class="submit" style="text-align: center; width:30%; height:50px; "/>
最佳答案
除非指定“border: 0”,否则高度规则不会应用于按钮。但是,您将丢失按钮的默认样式,但您可以使用自己的 CSS 恢复样式。
不确定您是否试图让提交按钮在表单中居中 - 但如果是,您应该将按钮设置为“display: block”,然后添加“margin: 0 auto”。文本对齐规则不是必需的。
关于iphone - CSS 更改似乎没有显示在 iPhone 浏览器 (Mobile Webkit/Safari) 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8256094/