前端之家收集整理的这篇文章主要介绍了
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