Почему я не могу изменить цвет каретки в элементе select

У меня проблема с изменением цвета каретки в элементе select.Почему я не могу изменить цвет каретки в элементе select

Я попытался вставить элемент каретки из библиотеки 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; 

}

источник

2015-04-23 RS92

где вы хотите добавить значок каретки? в раскрывающемся списке или в раскрывающемся списке? – droidev

обычно у каждого браузера разное поведение, поэтому было бы хорошо, если бы вы создали образ. проверьте DEMO. http://jsbin.com/juliceyoxa/1/edit?html,css,output –

Я хочу добавить в раскрывающееся меню, но я не могу добавить изображение – RS92

Если я правильно понимаю

вы можете использовать фоновое изображение для выбора входа, как показано ниже

вертел 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; 

}

надеюсь, что это будет работать

источник

2015-04-23 11:11:30 droidev

спасибо. привет – RS92

@IgorSimic ссылку и upvote http://meta.stackexchange.com/questions/13390/when-you-accept-an-answer-should-you-also-vote-it-up :) – droidev

также вы мой вопрос :) – RS92

Если вы не хотите использовать изображение, которое вы можете создать CSS каретку, как это. https://css-tricks.com/snippets/css/css-triangle/

Чтобы добавить его на место оригинальной каретки, вам нужно будет обернуть оба из них позиционным относительным тегом и установить абсолютное положение для стрелки.

источник

2015-04-23 11:16:57 zzzzzzzzz

Почему я не могу изменить цвет каретки в элементе select

ответ

Смежные вопросы