Добрый вечер, у меня такая проблема не получается оформить стандартный элемент select. Разбираюсь я в этом плохо, поэтому и прошу помощи. Я уже пятый день подряд пытаюсь что -то хорошее придумать, но пока безрезультатно все темы которые я нашел в интернете по поводу смены дизайна select не подходят,либо криво отображается.
Вот мой стандартный select.
Code
<select size="1" name="filter1" onchange="sfltrs(this.options[this.selectedIndex].value,1)">
<option value="0" style="color:#A3A3A3;">- Category -</option>
<option value="1">3D Графика</option>
<option value="2">Авиация</option>
<option value="3">Автомобили</option><option value="4">Аниме</option>
<option value="5">Архитектура</option><option value="6">Города</option>
<option value="7">Девушки</option><option value="8">Деньги</option>
<option value="9">Еда</option><option value="10">Животные</option>
<option value="11">Игры</option><option value="12">Компьютерные</option>
<option value="13">Корабли</option><option value="14">Космос</option>
<option value="15">Мотоциклы</option><option value="16">Музыка</option>
<option value="17">Мужчины</option><option value="18">Насекомые</option>
<option value="19">Настроения</option><option value="20">Оружие</option>
<option value="21">Праздники</option><option value="22">Природа</option>
<option value="23">Растения</option><option value="24">Спорт</option>
<option value="25">Фильмы</option><option value="26">Фэнтези</option>
<option value="27">Разное</option></select>
Хотелось бы сделать что-то наподобие этого: