当前位置:
首页 >
select下拉框兼容写法
发布时间:2025/4/16
52
豆豆
生活随笔
收集整理的这篇文章主要介绍了
select下拉框兼容写法
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
去除select下拉框默认样式
select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*将背景改为红色*/ background:red; /*加padding防止文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; }总结
以上是生活随笔为你收集整理的select下拉框兼容写法的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: css hack合集
- 下一篇: thymeleaf中的模板布局