网站建设用到时select选择框如何去掉默认的下拉箭头?

网站建设用到时select选择框如何去掉默认的下拉箭头？经验丰富的网站建设工作人员有时也会遇到网站建设用到时select选择框去掉默认的下拉箭头的问题，下面我们煜阳网络公司的相关人员给大家整理出民以下内容，希望能帮助到各同行的做网站的朋友吧。

select下拉框有一个下拉箭头样式，可以使用appearance与-ms-expand去掉这个样式。

代码如下：

.not-arrow{

padding: 5px 10px;

border:1px solid #dcd8d8;

-webkit-appearance:none;

-moz-appearance:none;

appearance:none; /*去掉下拉箭头*/

/*在选择框的最右侧中间显示小箭头图片*/
background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.not-arrow::-ms-expand { display: none; }