CSS怎么去掉select的下拉箭头样式

[ 2020-06-18 11:15:00 | 作者: admin ]
字号: | |

         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 rightright center transparent;
             /*为下拉小箭头留出一点位置,避免被文字覆盖*/
             padding-right: 14px;
         }
         /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
         select::-ms-expand { display: none; }


https://m.jb51.net/css/490685.html
评论Feed 评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2692

这篇日志没有评论。

此日志不可发表评论。