设置输入字段CSS的最小宽度
用户名
我是新手。我有一些输入字段似乎具有固定的最小宽度，这样，当屏幕较小时，输入字段不会再缩小并且越过边框，如下所示。我尝试设置输入{min-width：10px}来查看是否可以解决问题，但没有解决。我正在使用Bootstrap 4
<div class="row">
<div class="col-md-6">
<h5>Start Time:</h5>
<div class="row">
<div class="col-xs-4">
<input type="number" placeholder="hour">
</div>
<div class="col-xs-1"> : </div>
<div class="col-xs-4">
<input type="number" placeholder="minutes">
</div>
<div class="col-xs-3">
<select id="severity-dropdown">
<option [value]="am">am</option>
<option [value]="am">pm</option>
</select>
</div>
</div>
</div>
<div class="col-md-6">
<h5>Stop Time:</h5>
<div class="row">
<div class="col-xs-4">
<input type="number" placeholder="hour">
</div>
<div class="col-xs-1">
:
</div>
<div class="col-xs-4">
<input type="number" placeholder="minutes">
</div>
<div class="col-xs-3">
<select id="severity-dropdown">
<option [value]="am">am</option>
<option [value]="am">pm</option>
</select>
</div>
</div>
</div>
</div>
玛蒂
尝试将form-control添加到输入中：
<input class="form-control" type="number" placeholder="minutes"/>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
- 上一篇：？attr / selectableItemBackgroundBorderless和？anroid：attr / selectableItemBackgroundBorderless有什么区别
- 下一篇：如何在Python代码中使用rpy2将R函数作为参数传递
相关文章
Related 相关文章
- 1
从输入值设置默认 css 宽度
- 2
Laravel表单输入字段设置的高度和宽度
- 3
如何在文本输入字段上设置自动宽度/长度？
- 4
表格列，使用CSS设置最小和最大宽度
- 5
使用JavaScript设置CSS @Media最小宽度值
- 6
使用javascript设置CSS @Media最小宽度值
- 7
输入字段未增加移动设备屏幕HTML / CSS的宽度
- 8
在CSS中设置选择和输入元素的宽度相等
- 9
在CSS中设置选择和输入元素的宽度
- 10
在CSS中设置选择和输入元素的宽度
- 11
如何通过CSS设置输入类型“文件”的宽度
- 12
使用CSS为某些输入字段设置输入后缀
- 13
设置默认宽度和最小宽度属性
- 14
设置Chrome应用的最小宽度
- 15
内联时如何将2个输入设置为最小宽度？
- 16
输入字段的宽度不会减少
- 17
动态输入字段宽度调整
- 18
CSS：使选择字段的宽度和高度与所有其他输入字段相同？
- 19
如何在xe：formtable中设置输入字段以扩展到表单表宽度？
- 20
如何通过CSS设置输入字段的最大整数值？
- 21
输入字段的设置列表
- 22
您可以相对于另一个元素设置CSS最小宽度吗？
- 23
如何使用javascript验证输入字段以仅限制数字并将范围设置为最大和最小
- 24
将最小高度设置为等于宽度
- 25
在HTML表的<td>中设置最小宽度
- 26
设置RecyclerView项目的最小宽度
- 27
设置网格中列的最小宽度
- 28
CSS通过屏幕宽度设置元素宽度
- 29
输入按钮不会扩展到CSS中设置的宽度吗？
我来说两句