【css】如何修改select的样式

最新推荐文章于 2025-05-16 16:26:30 发布

转载最新推荐文章于 2025-05-16 16:26:30 发布 · 778 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yeujuan/p/9996690.html

本文详细介绍如何使用CSS清除HTML中select元素的默认样式，包括不同浏览器的兼容性处理，以及自定义箭头样式的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

select {
/*清除select默认样式*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;

border:1px solid #CCC;
width:330px;
height:44px;
/*自定义箭头的样式，记得背景一定要加白色或其他*/
background:url("../img/select.png") no-repeat scroll right center #fff;
/*ie下,原默认的箭头样式还是会显示，所以这里把自定义的样式给去除了*/
background:#fff\9;
color:#666;
padding:8px;
outline:none;
}
转载自：原文地址》》》https://blog.youkuaiyun.com/smile016/article/details/76545414

转载于:https://www.cnblogs.com/yeujuan/p/9996690.html