码迷,mamicode.com
首页 > Web开发 > 详细

【css】 如何修改select的样式

时间:2018-11-21 18:37:38      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:png   width   targe   href   css   round   none   get   details   

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.csdn.net/smile016/article/details/76545414 

【css】 如何修改select的样式

标签:png   width   targe   href   css   round   none   get   details   

原文地址:https://www.cnblogs.com/yeujuan/p/9996690.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!