手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS怎么去掉select的下拉箭头样式
CSS怎么去掉select的下拉箭头样式
摘要:废话不多说了,直接给大家贴css代码了,具体代码如下所示:CSSCode复制内容到剪贴板select{/*Chrome和Firefox里面的...

废话不多说了,直接给大家贴css代码了,具体代码如下所示:

CSS Code复制内容到剪贴板 select{ /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border:solid1px#000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background:url("http://ourjs.github.io/static/2015/arrow.png")no-repeatscrollrightrightcentertransparent; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right:14px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand{display:none;}

好了,代码到此结束了,希望对对大家有所帮助,如果大家有任何疑问欢迎给留言,小编会及时回复大家的!

【CSS怎么去掉select的下拉箭头样式】相关文章:

CSS掌握定位的盒子模式

CSS怎么将背景图左移/上移/右移10px

CSS让ul所有的li居中显示的方法

几款不错的按钮样式

CSS里display的使用方法

CSS学习中的一些技巧

CSS:清除浮动的最优方法

CSS div居中的三种方法

input的Css样式

CSS控制ul缩进间距和去掉li点的方法

精品推荐
分类导航