如何改变颜色的下拉列表中选择

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; 
}