И снова обходимся без JS.
В данном хаке не будем удалять стрелку, которая выводится по умолчанию браузером. Просто её скроем, наложив сверху псевдоэлемент :after с фоном с изображением нашей стрелки.

CSS: 

.select-box { position: relative; }

.select-box select {
background: #fff;
border: 1px solid #6ecff6;
display: block;
height: 20px;
width: 118px;
color: #005e9d;
font-size: 12px;
padding-bottom: 1px;
}

.select-box::after {
background: url("../images/select.png") no-repeat scroll 0 0;
content: "";
height: 18px;
pointer-events: none;
position: absolute;
right: 1px;
top: 1px;
width: 18px;
display: block; }

select.png - изображение стрелки

 

Добавить комментарий


Защитный код
Обновить