Question

请问CSS中怎么设置select（列表/菜单）的样式？

主要是想问怎么改变它的高度和边框颜色，宽度可以实现。不知道纯CSS能实现吗？如果非要用漂亮的样式该怎么做？

Answer 1

1、css没有办法实现美化select下拉框的。不管怎么设定都没有用的
2、可以通过div+css+jq自己模拟一款css
<div class="select">
<div class="select_default"></div> <!--这边是默认展示我们选中的框-->
<ul class="select_item"> <!--实则所有的下拉选项隐藏了，在这个ul中-->
<li>Complex</li>
<li>Knowledge</li>
<li>Case</li>
<li>Article</li>
<li>News</li>
</ul>
</div>
然后结合jq语法，实现点击出现下拉，点击下拉吧文本赋值到div里头

3、网络搜索下拉框美化插件。

Answer 2

这个不太容易实现的，一般比较漂亮的都不是用select控件，而是用div+css+js组合实现的