無法改變CSS下拉列表的選項高度

<select id="organiser" name="organiser" onclick="dropDownOrganiser(this)"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
    <option value="ca" >California</option> 
    <option value="co" >Colorado</option> 
    <option value="cn" >Connecticut </option>\ 
</select> 

#organiser option{ 
    height:70px; 
    padding:25px 0;  
} 
#organiser{ 
    height:50px;  
}

我試圖改變在選擇選項的高度，但它仍然是same.I甚至試圖填充但它沒有幹活需要幫助就this.Otherwise建議我最好的下拉列表設計一些網站？無法改變CSS下拉列表的選項高度

來源

2015-02-23 karthick prasad

我不認爲有可能改變選項的高度。 http://stackoverflow.com/questions/22807757/chrome-does-not-recognize-height-for-select-option-both-jquery-css – dowomenfart 2015-02-23 16:45:43

選擇標籤很難風格，這就是爲什麼存在很多插件/腳本改變他們爲其他標記。讓谷歌成爲你的朋友 – charlietfl 2015-02-23 16:51:40

這是不可能的風格下拉選項適用於大多數當前流行的瀏覽器。最好的方法是創建自定義下拉列表與HTML，CSS和JavaScript。

你可以找到教程以及演示有：http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/

我發現本教程是很容易理解，你可以通過閱讀本使自己的下拉列表。

來源

2015-02-24 01:35:52 DrYami

您不能爲選擇框的選項添加CSS。但可以使用自定義的像jquery插件，或只是自定義HTML和CSS

順便說一句，你可以使文本更大，使選擇框也會更大。

來源

2015-02-24 01:43:49

最後我找到了最好的下拉列表插件。silvio mortiro的bootstrap是用戶友好的，並且鍵盤導航都很好。檢查http://silviomoreto.github.io/bootstrap-select/

來源

2015-02-24 03:42:14

無法改變CSS下拉列表的選項高度

回答

相關問題