Стилизация select

[Schamil74]

Всем привет!

Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю.

На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.

[Switch74]

например так
http://www.cssdesk.com/H3n2y

[npofopr]

http://codepen.io/search/pens?q=custom select&limit=all&order=popularity&depth=everything&show_forks=false

[Switch74]

код в студию. обычно стилизация селектов делается заменой на свой список+css+js, т.к. далеко не все можно кастомизировать у селектов

[npofopr]

По картинкам плохо гадать.

Обычно принято свой код выкладывать в какой-либо песочнице.

[Schamil74]

Вчера немного помучился. Что-то вышло. Но вот кастомная кнопка на hover не реагирует

http://www.cssdesk.com/tGVAT

[Schamil74]

 

http://codepen.io/search/pens?q=custom select&limit=all&order=popularity&depth=everything&show_forks=false

Многозначительный ответ)))

 

Edited February 8, 2017 by Schamil74

[npofopr]

Там много интересных примеров. 
Которые могут вам пригодиться.

[Schamil74]

19 минут назад, Switch74 сказал:

например так
http://www.cssdesk.com/H3n2y

Спасибо! То, что надо!

[Switch74]

@Schamil74 я бы все же воспользовался чемни-будь что есть по ссылке, которую вам дал @npofopr будет более стабильно и кросбраузерно

[Schamil74]

16 минут назад, Switch74 сказал:

@Schamil74 я бы все же воспользовался чемни-будь что есть по ссылке, которую вам дал @npofopr будет более стабильно и кросбраузерно

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

[npofopr]

Ну дак вы сравните, что у вас, и что там. И проанализируйте  

[Schamil74]

Сравнил))) Все понятно.