在iPhone上，带有"datepicker“类的输入元素不会跨越整个列宽
在iPhone上，带有"datepicker“类的输入元素不会跨越整个列宽
提问于 2019-08-26 18:23:12
我正在尝试呈现datepicker输入。我希望输入字段跨越整个列的宽度。在安卓(Chrome)上看起来还不错，但在iOS (Safari)上，输入框是自动换行的。附图显示了左边的ios和右边的android。我希望ios显示的输入栏与android显示的相同。
代码如下：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src='https://kit.fontawesome.com/a076d05399.js'></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-xs-12" style="padding-left: 0px">
<div class="date input-group">
<input type="Date" name="123" class="datepicker form-control" value="2019-09-21" autocomplete="off">
<span class="input-group-addon">
<i class="fas fa-calendar-alt"></i>
</span>
</div>
</div>
</div>
</div>
回答 1
Stack Overflow用户
发布于 2019-08-26 18:42:07
尝试添加最小宽度：
<input type="Date" name="123" class="datepicker form-control" value="2019-09-21" autocomplete="off" style="min-width:95%;">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57656056
复制相关文章
相似问题
腾讯云开发者
