清除Css中select的下拉箭头样式
2016-11-02 17:02
344 查看
只需要将以下代码放入css文件中即可:
如果想要有差别的取消,选择对应的选择器即可
对bootrap的select2同样适用
如果想要有差别的取消,选择对应的选择器即可
对bootrap的select2同样适用
select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; }
相关文章推荐
- 清除Css中select的下拉箭头样式
- select默认下拉箭头改变、option样式清除
- css清除select默认下拉箭头
- select默认下拉箭头改变、option样式清除
- CSS怎么去掉select的下拉箭头样式(转)
- 漂亮的下拉列表 select样式 css处理 特效
- css修改下拉列表select的默认样式
- 【CSS清除select原始样式】
- css下拉框select自定义样式
- 【CSS修改下拉选框select的默认样式】
- 纯css修改下拉列表select的默认样式
- 修改select右侧的下拉箭头样式
- css美化select下拉列表(更换下拉箭头)的方法
- 纯css修改下拉列表select的默认样式
- 巧用css美化select下拉列表 更换下拉箭头
- 隐藏select最右侧的下拉三角图标的css样式
- 纯CSS更改Select表单下拉样式
- 下拉列表-select样式css处理
- 用纯css改变下拉列表select框的默认样式
- html select 下拉箭头隐藏