外层套一层div进行覆盖select的边框和下拉箭头(欺骗显示效果) ...
外层套一层div进行覆盖select的边框和下拉箭头(欺骗显示效果) ...
CSS ...
本例可以更换selet下拉箭头,只适用于非ie浏览器,ie样式为默认样式 ...
#fff; padding-right: 14px;} /*清除ie的默认选择框样式清除,隐藏下拉 ...
select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none ...
各个浏览器下select默认的下拉箭头差别较大,通常会清除默认样式,重新设计 <html> <head> <meta charset="utf-8"></meta> </head> <style> .bar ...
select下拉框有一个下拉箭头样式,可以使用appearance与-ms-expand去掉这个样式。 代码如下: .not-arrow{ padding: 5px 10px; border:1px solid #dcd8d8; -webkit-appearance:none ...
谷歌、火狐、ie下 select 的默认下拉箭头图标差别还是比较大,一般我们都会清除默认样式,重新设计箭头图标; /* --ie清除--*/ select::-ms-expand{ display: none; } /* --火狐、谷歌清除--*/ select ...