iPad Safari浏览器中的样式问题,设置高度宽度不起作用

时间:2016-01-28 06:11:37

标签: css html5 safari mobile-safari

我已将高度边距边框设置为ZERO,以便获得隐藏控件(不想使用display:none

在iPad Safari和任何其他safari / chrome

上尝试以下操作

http://jsfiddle.net/bjfrud68/

<input type="date" name="57ffc08f-5f30-4b2d-8287-b65d12146cdc_DateOfBirth_touchpicker" style="height: 0px;width: 0px;border: 0px;padding: 0px;">

但是当在MAC Safari上运行时,它运行正常。我没看到文本框 但是当在iPad上运行时...它没有...我可以看到文本框

请指导。

3 个答案:

答案 0 :(得分:1)

您需要添加-webkit-appearance:none以覆盖IOS默认样式

答案 1 :(得分:0)

我正在使用最新版本的iPad Safari浏览器,它运行正常。我想你必须重新下载浏览器才能解决这个问题。或者你也可以接受N.K先生的建议,也许你会获得成功。 iPad app development

答案 2 :(得分:0)

如果输入显示:inline; - 那么你就无法为它设置高度...(我认为......)你需要它才能被阻挡,以便它可以有尺寸。此外 - 这应该以更健壮的方式处理 - 或者可能需要溢出:隐藏;

http://a11yproject.com/posts/how-to-hide-content/