关于下拉框自定义样式

孤狼

先上效果图：

看见很多人想改下拉箭头的颜色和样式，这里做了个小样例，主要讲一下箭头的修改。
首先我们先去阿里巴巴矢量图库https://www.iconfont.cn/找一个自己喜欢的图片
image.png395963439.png

选择自己想要的样式，然后复制svg代码。接下来随便去找一个base64编码的网站，对刚刚复制的代码进行编码
image.png585818175.png

注意修改宽高为8*8比较合适。
接下来我们进入自己的css文件，没有的自己创建一个，这里就不讲了。
div[fgcname = "单元格名称"] .gcim-icon_drop-down {
background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjE5MjYxMDU3ODUwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1ODEiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik01MDkuNDQgNjAxLjZjLTUuMTIgMC0xMi44LTIuNTYtMTUuMzYtNS4xMmwtMTUzLjYtMTI4Yy0xMC4yNC0xMC4yNC0xMi44LTI1LjYtMi41Ni0zNS44NHMyNS42LTEyLjggMzUuODQtMi41NmwxMzguMjQgMTE1LjIgMTM4LjI0LTExNS4yYzEwLjI0LTEwLjI0IDI4LjE2LTcuNjggMzUuODQgMi41NiAxMC4yNCAxMC4yNCA3LjY4IDI4LjE2LTIuNTYgMzUuODRsLTE1My42IDEyOGMtNy42OCAyLjU2LTE1LjM2IDUuMTItMjAuNDggNS4xMnoiIGZpbGw9IiM1MjVDNkEiIHAtaWQ9IjE1ODIiPjwvcGF0aD48L3N2Zz4=);
}

根据这个css样式，替换base64，复制编码后的代码后面的一长串代码即可，这里可以不用单元格名称，自己使用自定义css样式名称效果一样，便于批量应用。
最后附上demo，其实大多数样式都是可以修改的，稍微花一点点时间找找就好。