Выберите изменение стиля стрелки ⇐ CSS

[Anonymous]

Я пытаюсь заменить стрелку выбора собственной картинкой. Я включаю выделение в div того же размера, устанавливаю фон выделения как прозрачный и включаю изображение (того же размера, что и стрелка) в правом верхнем углу div в качестве фона.

Это работает только в Chrome.




Как заставить его работать в Firefox и IE9, где я получаю это:

Код: Выделить всё

.styled-select {
width: 100px;
height: 17px;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: url(images/downarrow_blue.png) no-repeat right white;
border: 2px double red;
display: inline-block;
position: relative;
}

.styled-select select {
background: transparent;
-webkit-appearance: none;
width: 100px;
font-size: 11px;
border: 0;
height: 17px;
position: absolute;
left: 0;
top: 0;
}

body {
background-color: #333333;
color: #FFFFFF;
}

.block label {
color: white;
}

Код: Выделить всё

Class


Select 
steam 

Подробнее здесь: https://stackoverflow.com/questions/142 ... yle-change