01、踩坑总结/04、关于定制化select的一些解决方案/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>select</title>

    <style>
        select {
            border: solid 1px rgba(0, 0, 0, 0.18);
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            width: 200px;
            padding: 5px 8px;
            border-radius: 5px;
            background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
        }

        select::-ms-expand {
            display: none;
        }
    </style>
</head>
<body>

<select form="one">
    <option value="one" id="one">选项1</option>
    <option value="two" id="two">选项2</option>
    <option value="three" id="three">选项3</option>
</select>

</body>
</html>