9
A
回答
22
我碰到的實際工作,如果任何人機會碰到這個問題又來這個其他的答案。
How to standardize the height of a select box between Chrome and Firefox?
基本上你改變元素的外觀定義,那麼你可以添加的風格吧。
.className {
-webkit-appearance: menulist-button;
height: 50px;
}
爲我工作,但它確實改變了元素的邊界。只要確保跨瀏覽器在更改後檢查它,並確保邊框樣式仍然可以接受。
1
對我來說這並獲得成功:
select {
font: inherit;
}
0
由於優先考慮內聯樣式,你可以用這種伎倆來增加你的選擇列表的高度。你所要做的就是在select標籤中添加內聯風格。
<!-----------If you are using Bootstrap ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<body>
<div class="container">
<form>
<div class="form-group">
<label for="sel1">Select list (select one):</label>
<select class="form-control" style=" height:50px;" id="sel1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
</form>
</div>
</body>
2
我希望這對你的作品
只給一個高度的選項在樣式表使您可以輕鬆地與期權的行數計算選擇字段的高度
<style>select>option{height:20px;}</style>
並根據需要在腳本標記中添加此功能或者僅複製此文件
<script>function myFunction() {
var x = document.getElementById("mySelect").length;
var y = 20 * x +10;
document.getElementById("mySelect").style.height = y+"px";}</script>
主體部分
<body onload="myFunction()"><select id="mySelect" multiple="multiple"><option>Apple</option>option>Pear</option><option>Banana</option><option>Orange</option><option>Banana</option></select></body>
相關問題
- 1. CSS屬性選擇器對CSS樣式高度
- 2. 如何增加Bootstrap選擇下拉選項的高度
- 3. 如何增加kendo UI中選擇標籤的邊框寬度
- 4. 從樣式組中選擇css樣式
- 5. 如何在增加窗口高度時增加WPF中控件的高度?
- 6. css邊框樣式:之前選擇器沒有采取全高
- 7. CSS選擇框箭頭樣式
- 8. 選擇框樣式通過CSS
- 9. 增加列表框的高度在IE7
- 10. 如何在asp.net中增加組合框的高度
- 11. Increass選擇框的高度
- 12. jquery css高度選擇器?
- 13. 如何在swift中增加uitableview的選定單元格高度?
- 14. 如何增加titelBar高度?
- 15. 如何增加高圖的高度?
- 16. CSS:樣式選擇的選擇列表
- 17. 如何樣式使用HTML + CSS的選擇框?
- 18. 用戶如何選擇CSS樣式?
- 19. 如何增加Android中的ScrollView高度?
- 20. 如何增加ipad中的DatePicker高度?
- 21. 複選框的CSS樣式
- 22. 如何增加文本框中的textwrap時的高度?
- 23. 如何增加複選框平均高度和寬度的大小?
- 24. 增加高度
- 25. CSS選擇器樣式?
- 26. CSS選擇器樣式
- 27. CSS高度:無法增加父類的高度?
- 28. CSS:我怎樣才能使fieldset和多個選擇框的高度相同?
- 29. Codename one:增加對話框的高度
- 30. 自動增加高度(html,CSS)
只需使用高度?或者,如果你想讓它們更高,可以在'