更改引导组合框
问题描述:
这个高度是我用什么,在默认情况下看起来像我的桌面上的这个高度是39px
:更改引导组合框
<div class="col-md-4">
<select id="ProviderImgaeType" name="ProviderImgaeType" class="form-control">
<option value="0">No Provider Image</option>
<option value="1">Provider Image</option>
<option value="2">License</option>
</select>
</div>
这仅仅是一个有点太大了,它的高度。 如何让高度更小?
答
你只是想改变身高吗?添加在你的CSS
.form-control {
height: <HEIGHT>px;
}
高度受一些像素数(现在它在引导3.3.6 34),您也可能要改变填充,这样的话就不会被掩盖。示例为28px:
.form-control {
height: 28px;
padding: 3px 12px;
}
+0
无法更新问题,所以看起来像它选择的高度是有点聪明!取决于下拉列表中元素的字体大小。所以我认为我需要让这些更小? – Travolta
+0
你使用bootstrap 4吗?然后高度在'rem'上工作,这是相对于文档的根字体大小而言的。您可以更改根字体大小或更改高度'rem',或将其更改为'em',以使其对应于元素的字体大小 – jpopesculian
更新相关的CSS?你是这个意思吗? – ochi
无法更新问题,所以看起来像它选择的高度是有点聪明!取决于下拉列表中元素的字体大小。所以我认为我需要让这些更小? – Travolta