这篇文章给大家介绍怎么在css中去掉select箭头,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
css清除select的下拉箭头样式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> select::-ms-expand { display: none; } .info-select{ width: 88px; height: 25px; border: none; outline: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; background: url(img/sele.png) no-repeat scroll right center transparent; } </style> </head> <body> <select class="info-select"> <option selected="selected">1</option> <option>2</option> </select> </body></html>
关于怎么在css中去掉select箭头就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。