iphone - CSS 更改似乎没有显示在 iPhone 浏览器 (Mobile Webkit/Safari) 中

标签 iphone css forms webkit

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

我刚刚尝试在 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/

相关文章:

jquery - 在 jQuery UI Accordion 中定义事件展开状态

javascript - 在具有自动高度的 IFrame 中获取 Google 表单

javascript - 选择文件时自动提交上传表单,并触发操作

iphone - 如何使用键值编码在 ABPerson 中设置属性值

iphone - iOS 中的 BSD 套接字和超时

iphone - 单击每一行时如何设置导航项的标题?

css - 在 div 中对齐图像

javascript - 背景图像在 Chrome/Safari 中被裁剪

javascript - 值未显示,即使它位于 HTML 中

iphone - AVAssetWriter/AVAudioPlayer 冲突?