select框默认样式去除(ie中隐藏默认下拉图标)
2015-11-20 10:22
716 查看
html代码
css代码
<select class="info-select"> <option selected="selected">1</option> <option>2</option> </select>
css代码
/*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } .info-select{ width: 12%; margin-left: 64%; border: none; outline: none; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(../img/arrow.png) no-repeat scroll right center transparent; }
相关文章推荐
- 图片轮播图js、css
- WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展(转)
- CSS选择器大全(CSS2)
- 10004---CSS颜色代码大全
- css中的类样式和id样式有何区别?
- 【在HTML中调用CSS的方法】
- 【CSS选择器】
- CSS去掉li中前面的点
- CSS选择器
- CSS中float的要点
- 怎样设置iMindMap中的图形样式
- 南大软院大神养成计划--第四天单/复选框与文字对齐问题
- Java swing 一些控件样式的美化
- 负边距在布局中的使用
- Flexbox——快速布局神器
- 南大软院大神养成计划--HTML和CSS基础课程
- DIV样式汇总
- 用CSS中的Alpha实现渐变
- CSS教程:div垂直居中的N种方法[转]
- box-align