2016-04-27 71 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