在Html中用CSS来控制select标签

在 Html 中用 CSS 来控制 select 标签

在style里写上 width:px;这个可以实现. height:px; 这个就实现不了. 只能通过调整里面字体的大小来改变高度. background可以实现，但用背景图就不行了.

select的border是默认的蓝色， CSS用border属性是改变不了的. 只有通过伪装的方法才能让边框改变，下面详细介绍一下:

思路:先建一个带有预想边框的层， 在里面放上select，其中select的尺寸要比div稍微大一点，让超出层的内容隐藏从而遮盖住select自带的边框.

今天要做一个下拉菜单，发现菜单的CSS样式很少，达不到需求。然后上网找代码，大部分都是要用JS实现，而且代码非常多，就一个菜单就要我加那么多代码 - -，很显然我是不愿意干的。寻找了N久，找到了一份比较合适的，不过效果还没达到我的需要，因为有那个恶心的倒三角。然后稍加修改，终于把那个恶心的倒三角去掉了。

代码：