Как удалить эффект блеска на сафари-мобильном телефоне

Question

Я заметил, что цвет элементов управления не соответствует сафари для мобильных телефонов.

Существует такой глянец, как this question.

К сожалению, решение удаляет также стрелку справа.

Есть ли другой способ, чем -webkit-appearance:none;, переопределить только цвет.

Спасибо

Answer 1

Предположительно, -webkit-appearance:caret; надо было удалить блеск. Но, похоже, не работает в выборе.

Таким образом, единственный способ найти то же самое, что и у Florija's answer, который подталкивает стрелку выбора через CSS.

HTML:

<select name="state_select" id="state_select" class="choose_state" size="1"> 
    <option>Hey</option> 
</select> 
<div class="dblarrow"><b></b><i></i></div> 

CSS:

.dblarrow { 
    margin-left: -35px; 
    display: inline-block; 
} 

.dblarrow b { 
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-bottom: 5px solid black; 
    display: block; 
    margin-bottom: 3px; 
} 

.dblarrow i { 
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-top: 5px solid black; 
    display: block; 
} 

select.choose_state, 
select.choose_state option { 
    background: transparent; 
} 
select.choose_state { 
    border: 1px solid #000; 
    -webkit-appearance: none; 
    -webkit-border-radius: 0px; 
    outline: none; 
    margin-right: 15px; 
    font-size: 1.4em; 
    padding-right: 20px; /*Important*/ 
    display: inline-block; /*Important*/ 
} 

Заканчивать перо: http://codepen.io/loredonut/pen/xvtHG