自定义select样式

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样式更改

 

posted @ 2017-09-25 18:05  九门提督琪琪  阅读(310)  评论(0)  编辑  收藏  举报