无法改变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下拉列表的选项高度

回答

相关问题