如何更改大小下拉箭头图标？

Question

how to change the size of the drop down icon? it is possible in css? thanks if not ii want to replace it to image btn.. thanks!

 <select> <option value="age">18</option> <option value="age">19</option> <option value="age">20</option> <option value="age">21</option> <option value="age">22</option> <option value="age">23</option> <option value="age">24</option> <option value="age">25</option> <option value="age">26</option> <option value="age">27</option> <option value="age">28</option> <option value="age">29</option> <option value="age">30</option> </select>

Answer 1

use below css for your select:

.select {
  width: 500px;
  padding: 0px;
  font-size: 25px;
  line-height: 1;
  border: 0;
  border-radius: 5px;
  height: 50px;
  -webkit-appearance: none;
  background-position-x: 244px;
}