为什么我不能在选择元素中更改插入符的颜色

Question

我在选择元素中更改插入符的颜色时遇到问题。

我试图从github库插入元素插入符号，但那不能显示，因为选项标签不支持其他html元素。

而且我在CSS中添加

-webkit-appearance:none; 
     -moz-appearance:none; 
     appearance:none; 

如何添加插入符不插入图像

HTML

<select class="selectlokacija"> 

         <option value="volvo">Choose option <span><i class="fa fa-chevron-down location"></i></span></option> 
         <option value="saab">2002</option> 
         <option value="mercedes">2005</option> 
         <option value="audi">2008</option> 
        </select> 

CSS

.selectlokacija{ 
width:230px; 
padding:10px; 
color:white; 
background-color:#3E6373; 
font-size:15px; 
font-family: 'Roboto', sans-serif; 
border-radius:5px; 
-webkit-appearance:none; 
     -moz-appearance:none; 
     appearance:none; 

} 

Answer 1

如果我的理解是正确的

可以使用背景图像选择输入如下所示

拨弄here

代码

HTML

<select class="selectlokacija"> 
    <option value="volvo">Choose option</option> 
    <option value="saab">2002</option> 
    <option value="mercedes">2005</option> 
    <option value="audi">2008</option> 
</select> 

CSS

.selectlokacija { 
    width:230px; 
    padding:10px; 
    color:#fff; 
    background:#3E6373 url("http://s6.postimg.org/yzxyb2kv1/arrow.png") no-repeat 90% 50%;; 
    font-size:15px; 
    font-family:'Roboto', sans-serif; 
    border-radius:5px; 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none; 

} 

希望这将工作

Answer 2

如果你不想使用图片，你可以创建一个CSS插入符这样。 https://css-tricks.com/snippets/css/css-triangle/

要将它添加到原始选择插入符号的位置，您必须将它们都放在相对位置标签上并为箭头设置绝对位置。