回答
嘗試這種
option{
padding:5px 0;
}
實施例具有填充Jsfiddle
.dis option{
padding:5px 0;
}
HTML
<select class="dis">
<option>1erwer</option>
<option>2wwerwer</option>
<option>3werwer</option>
<option>4werwer</option>
<option>5wrwer</option>
</select>
增加兩個選項間的空間是不可能
<select class="dis">
<option>1erwer</option>
<option>2wwerwer</option>
<option>3werwer</option>
<option disabled="disabled" ></option> <---trick
<option>3werwer</option>
</select>
我試過了,它不工作,在http://jsfiddle.net/中檢查。 –
@尼克斯請保存小提琴...你的小提琴是空的 –
即使在你提到的小提琴不工作..請仔細檢查它.. –
難道沒有人記得optgroup
小號了嗎?很少使用,但仍然支持每個瀏覽器。
<select>
<optgroup label="Cash">
<option>Cash</option>
</optgroup>
<optgroup label="Other">
<option>Credit Card</option>
<option>Credit Note (R)</option>
<option>Gift Voucher</option>
<option>Cheque</option>
</optgroup>
</select>
該死的,我不認爲我以前見過這個。感謝新的(舊)訣竅! – nixkuroi
另一種選擇是您可以更改字體大小。
.myOption {
font-size: 20px;
}
如果您在下拉列表中使用Font Awesome圖標並希望使它們變大,效果會非常好。 –
不具體。您無法控制選項列表的樣式。但是,您可以使用類似於select2(https://select2.github.io/examples.html)的東西來創建您可以設計的立面選擇。
是的..有自定義庫的數量現在可用..但正在尋找html下拉的解決方案。 –
- 1. 改善下拉菜單的JavaScript代碼
- 2. 改進下拉菜單的代碼(HTML/CSS/JavaScript)
- 3. CSS - 下拉菜單(選項,請選擇)
- 4. 在下拉菜單中更改CSS下拉菜單
- 5. 使用JavaScript或jQuery或CSS更改選項的顏色下拉菜單
- 6. CSS,覆蓋所有選擇下拉菜單的高度?
- 7. Javascript代碼:使用下拉菜單動態更改貨幣HTML
- 8. 使用JQuery更改下拉菜單的選定選項
- 9. Bootstrap下拉菜單:更改導航欄的高度?
- 10. 如何選擇另一個下拉菜單選項時更新下拉菜單?
- 11. 更改代碼會導致下拉菜單中的選項不出現
- 12. CSS下拉菜單項
- 13. 更改下拉菜單列表項方
- 14. 無法改變CSS下拉列表的選項高度
- 15. Excel的'跳轉菜單'其中選擇下拉選項更改
- 16. 根據頁面(菜單)更改選定的下拉選項
- 17. 更改下拉菜單
- 18. 根據頁面更改css下拉菜單的頂部項目
- 19. 從下拉菜單更新選項
- 20. 更改寬度kendo ui選擇下拉菜單?
- 21. jScrollPane零下拉菜單上的高度
- 22. 單選按鈕表單代碼和下拉菜單代碼
- 23. 將按鈕/下拉菜單更改爲選定的下拉菜單
- 24. 如何更改下拉菜單到下拉菜單
- 25. 國家下拉菜單會自動更改區域選項
- 26. 水平下拉選擇選項菜單
- 27. 在第一個下拉菜單中通過用戶輸入更改第二個下拉菜單中的選項
- 28. 使用JavaScript更改DDSlick下拉菜單的選定值
- 29. 使用excel更改下拉菜單中的選項值vba
- 30. 根據導航菜單中的網址更改下拉選項
我認爲這不可能使用HTML'
這是可能的,我以前見過。 – user1534664
@ user1534664然後繼續並向我們顯示。 –