关于修改select样式的方法
2017-11-09 17:14
381 查看
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; }
相关文章推荐
- 修改radio、checkbox、select默认样式的方法
- 关于struts2 select标签默认样式的修改
- 修改radio、checkbox、select默认样式的方法
- 修改Tabhost样式和字体大小的方法
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在
- 关于JS获取select值的两种实现方法
- select 样式修改
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
- 修改select默认样式,兼容IE9
- 修改 页面中默认的select样式
- 关于hosts文件修改后不能保存且不能删除的解决方法
- ie6.0中关于动态改变html中select标签中option的处理方法
- 关于DIV被SELECT遮挡问题的解决方法
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在
- 关于eclipse中方法注释样式的设置问题
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
- 修改toolTip 和 Alert样式的方法
- 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
- 关于Highcharts图表组件动态修改属性的方法(API)总结之Axis