html – iOS safari混淆输入类型=日期

前端之家收集整理的这篇文章主要介绍了html – iOS safari混淆输入类型=日期前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 HTML 5< input type =“date”/>.在不同的浏览器中工作得很好,但总有一个人搞砸了一切:

因此问题在于字段的大小:使用Bootstrap v3.2进行设计时,这些输入采用一种形式并具有class =“form-control”,这应该使它们更宽(如上面的文本输入和下面的选择).

有没有办法说iOS的日期选择器应该是100%宽? style =“width:100%”什么都不做.宽度:1000px确实有效,宽度:100%!重要的是什么也没做.

谢谢您的帮助!

解决方法

这是iOS处理输入类型=“日期”的方式.我不担心本机造型.它可能会关闭,但使用iOS的人习惯了它.

您可以在日期输入上使用最小宽度:95%.它至少在iOS 8中适用,并且不会改变外观.虽然我没有在Android或早期版本的iOS中测试过.或者,只需将它居中,就可以将.center-block添加到输入中,因此至少它是中心并且看起来不那么近.

演示:http://jsbin.com/civor/1/

.input-min-width-95p {min-width:95%;}

HTML:

<input type="date" class="form-control input-min-width-95p" ...
原文链接:https://www.f2er.com/html/225314.html

猜你在找的HTML相关文章