HTML CSS選択矢印の色を変更します

Question

SELECT矢印の色を青に変更します。

これを行う簡単な方法はありますか？

Answer 1

.select_box{ 
 
    width: 200px; 
 
    overflow: hidden; 
 
    border: 1px solid #000; 
 
    position: relative; 
 
    padding: 10px 0; 
 
} 
 
.select_box:after{ 
 
    width: 0; 
 
    height: 0; 
 
    border-left: 6px solid transparent; 
 
    border-right: 6px solid transparent; 
 
    border-top: 6px solid #f00; 
 
    position: absolute; 
 
    top: 40%; 
 
    right: 5px; 
 
    content: ""; 
 
    z-index: 98; 
 
} 
 
.select_box select{ 
 
    width: 220px; 
 
    border: 0; 
 
    position: relative; 
 
    z-index: 99; 
 
    background: none; 
 
}

<div class="select_box"> 
 
<select> 
 
    <option>Test This Select</option> 
 
    <option>Test This Select</option> 
 
</select> 
 
</div>

Answer 2

<div class="customerStyle"> 
    <select class="selectCustomer"> 
     <option value="Jone">Jone</option> 
     <option value="Tom">Tom</option> 
    </select> 
</div> 


.customerStyle select { 
    background: transparent; 
    width: 170px; 
    padding: 5px; 
    border: 0; 
    border-radius: 0; 
    height: 35px; 
} 

.customerStyle { 
    background: url("images/arrow.png") no-repeat right #ffffff; 
    border: 1px solid #000; 
    width: 150px; 
    height: 35px; 
    overflow: hidden; 
} 

は、 "画像/ arrow.png"