参考资料:
https://www.cnblogs.com/10manongit/p/12913477.html
有两种解决方案
第一种:CSS2 只能使用div和ul进行模拟了,结构很简单,具体可参考Alice的 button-dropdown
第二种:CSS3 可以使用CSS3的属性appearance,具体代码如下:
select{-moz-appearance: none
-webkit-appearance:none
appearance:none
}
用插件:select2.js 百度搜索那个名字即可,现在基本是最好用的下拉组件。原理就是将原来的select隐藏,用新的div构建一个下拉菜单,遮盖在原来的位置。
自己做的话,可以试试在select上覆盖一个div层,用绝对定位。然后把select的透明度opacity写为0.01,不能为0,然后点击那个层,就相当与点击了那个select,div写什么就由你定了。