欢迎光临小鱼网个人网站!

登录/注册
css重写select下拉框样式
<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
 /*下拉选择*/
 select {
 border: solid 1px #7A7A7A;
 /*很关键:将默认的select选择框样式清除*/
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 /*为下拉小箭头留出一点位置,避免被文字覆盖*/
 padding-right: 14px;
 /*在选择框的最右侧中间显示小箭头图片*/
 background: url("arrow.png") no-repeat scroll right center transparent;
 width: 215px;
 height: 26px;
 font-size: 14px;
 font-family: "Microsoft YaHei", "宋体";
 color: #5F5F5F;
 padding-left: 2px;
 }
 </style>
</head>
<body>
<div>
 <select name="cs1">
 <option value="aaa">aaa</option>
 <option value="bbb">bbb</option>
 <option value="ccc" selected>ccc</option>
 <option value="ddd">ddd</option>
 </select>
</div>
</body>
</html>


Copyright © www.xyubing.com All Rights Reserved. 备案号:蜀ICP备19023461号-1

免责声明:本站部分资源搜集整理于互联网或者网友提供,仅供学习与交流使用,如果不小心侵犯到你的权益,请及时联系我们删除该资源。