Как сделать элемент выбора прозрачным в Chrome?
Пожалуйста, посмотрите этот пример:
select {
width: 172px;
height: 22px;
padding: 2px 7px;
border: none;
background: url(http://imgur.com/MJyZM.png) 0 0 no-repeat;
}
<select>
<option value="abcdefg">abcdefg</option>
<option value="1234567">1234567</option>
<option value="abcdefg">abcdefg</option>
</select>
Ответы
Ответ 1
select {
width:192px;
padding:2px;
border:none;
background:url(http://imgur.com/MJyZM.png) 0 0 no-repeat;
-webkit-appearance: none;
}
<select>
<option value="abcdefg">abcdefg</option>
<option value="1234567">1234567</option>
<option value="abcdefg">abcdefg</option>
</select>