select 下拉框样式修改 option文字居右
2017-08-24 17:01
2496 查看
select { direction: rtl; /*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;*/ background-color:transparent; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 16px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } select option { direction: ltr; }
相关文章推荐
- jq动态修改select 的option值,使option值自动选中
- jQuery操作select下拉框(增加,删除,修改)
- 解决IE浏览器下select下拉框默认样式问题
- 关于java 获取 html select标签 下拉框 option 文本内容 隐藏域
- jquery新增,删除 ,修改,清空select中的option
- 改进版:在select中添加、修改、删除option元素
- select下拉框设置边框样式
- 关于struts2 select标签默认样式的修改
- jQuery 增加 删除 修改select option .
- 修改select边框样式,郁闷的选择
- 设置select和option的文字居中的方法
- select 下的option删除,复制,修改
- 删除和添加select下拉框选中的内容option,以及清空option选项
- 1.修改文字的样式
- select中添加、修改、删除option元素
- 下拉框默认选中select的第一个option
- 关于修改select样式的方法
- css 温故而知新 select-option 文字方向居右
- Select下拉框onchange事件获取option的value值