2016-04-27 69 views
-2

这个高度是我用什么,在默认情况下看起来像我的桌面上的这个高度是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> 

这仅仅是一个有点太大了,它的高度。 如何让高度更小?

+0

更新相关的CSS?你是这个意思吗? – ochi

+0

无法更新问题,所以看起来像它选择的高度是有点聪明!取决于下拉列表中元素的字体大小。所以我认为我需要让这些更小? – Travolta

回答

0

你只是想改变身高吗?添加在你的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