- <style>
- #my_select {
- display: flex;
- display: -webkit-flex;
- width: 120px;
- font-size: 24px;
- padding: 0 5px;
- margin: 20px auto;
- outline: none;
- border: 1px solid #00DD00;
- appearance: none;
- /* 兼容Chrome */
- -webkit-appearance: none;
- background: url(Images/xia.png) no-repeat right center;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
- color: #FF5511;
- }
- </style>
- <body>
- <select name="" id="my_select">
- <option value="0">苹果</option>
- <option value="1">香蕉</option>
- <option value="2">橘子</option>
- </select>
- </body>