前言 最近有一个小需求，去掉select默认显示的下箭头图标，然后自定义一个下箭头图标， 最右边是select自带的箭头，旁边黑色箭头为自定义，使用的字体图标 解决方法 给select加上 appearance:none; 即可 注：如果是用背景图方式插入图标 ...

默认的下拉箭头。这样就导致两个箭头同时存在。 1、采用 ie9的hack 方式，添加 \9\0 后 ...

select下拉框有一个下拉箭头样式，可以使用appearance与-ms-expand去掉这个样式。 代码如下： .not-arrow{ padding: 5px 10px; border:1px solid #dcd8d8; -webkit-appearance:none ...

一、去掉select的下拉箭头 方法一：在select外面加一个div，设置select宽度大于div的宽度，并加一个超出隐藏属性overflow:hidden,小三角会隐藏掉； 方法二：给select添加css样式 二、输入框input类型为number时的上下箭头 ...

外层套一层div进行覆盖select的边框和下拉箭头（欺骗显示效果） ...

下拉框等需要显示上下箭头切换的CSS样式 效果： ...

CSS ...

/*ie清除*/ select::-ms-expand{ display: none; } select{/*取消默认箭头开始*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*取消默认箭头结束*/border ...