自定义select样式

最新推荐文章于 2024-04-08 16:25:01 发布

dingyu0064

最新推荐文章于 2024-04-08 16:25:01 发布

阅读量115

点赞数

原文链接：http://www.cnblogs.com/QIQIZAIXIAN/p/7593172.html

版权

1.更改select样式

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>select</title>
    <style>
        select {
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            background:url(./img/arrow.jpg) no-repeat right center;
            padding-right:14px;
            width:148px;
            height:30px;
            border:1px solid #ccc;
            color:#999999;
        }
    </style>
</head>
<body>
      <select class="info-select">
            <option selected="selected">1 </option>
            <option>2</option>
      </select>

</body>
</html>

View Code

2.option样式更改

转载于:https://www.cnblogs.com/QIQIZAIXIAN/p/7593172.html