如何改變顏色的下拉列表中選擇

Question

如何改變顏色的下拉列表中選擇。

design問題。

Answer 1

我認爲這是使用triangle你可以改變CSS的邊框顏色。或者使用triangle生成三角形。我建議你先閱讀this。

Answer 2

你可以用CSS實現這一點，但你並不是在技術上改變箭頭本身。

在這個例子中，我實際上隱藏了默認的箭頭並顯示我自己的箭頭。

HTML：

<div class="styleSelect"> 
    <select class="units"> 
    <option value="Metres">Metres</option> 
    <option value="Feet">Feet</option> 
    <option value="Fathoms">Fathoms</option> 
    </select> 
</div> 




.styleSelect select { 
    background: transparent; 
    width: 168px; 
    padding: 5px; 
    font-size: 16px; 
    line-height: 1; 
    border: 0; 
    border-radius: 0; 
    height: 34px; 
    -webkit-appearance: none; 
    color: #000; 
} 

.styleSelect { 
    width: 140px; 
    height: 34px; 
    overflow: hidden; 
    background: url("images/downArrow.png") no-repeat right #fff; 
    border: 2px solid #000; 
}