Как застилить select стандартную стрелку?

Question

[Brendan Castaneda]

Как застилить стрелку у селекта?
Я прописал ему appearance: none; А вот на его место новый не могу поставить..
Выходит некликабельная картинка обычная.
Это не JS плагин! я использую html & css

Comments

[Rustam Bainazarov]

Самое простое решение — картинка на фон.

[historydev]

Рустам Байназаров, самое простое решение как по мне это написать свой, т.к. супер много времени требует кросс-браузерная стилизация сего чуда

[Rustam Bainazarov]

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

[historydev]

Рустам Байназаров, так а толку марафетить верхний уровень, если внутри уродец синий?))

[Rustam Bainazarov]

Владимир, в 95% этого достаточно, внутри нативный список, само тело select'a стилизуется под общий дизайн, чтобы он не вырывался из визуального контекста других полей.

Собственно, вопрос именно об этом. Ему лишь стрелку нужно изменить, вот и всё.

[historydev]

Рустам Байназаров, ну я просто вставил свои 5 копеек :D Спасибо за развёрнутый ответ)

[Brendan Castaneda]

Владимир, О ты про то, что идёт выделение каждого слова в синюю рамку..
Кстати это вообще стилилизуется? Если да тогда как?
Я видел у кого-то на сайте вчера то-же список и там так-же синяя форма, я ужаснулся.
А начал делать и у меня она вылезла

[historydev]

Brendan Castaneda, мой первый комментарий прочитай)

[Brendan Castaneda]

Владимир, Кинь пожалуйста ссылку на то как его самому написать.. Я не понимаю, что имеется в виду под этим и как это сделать. Я не сталкивался с подобным никогда ещё в этой жизни. Нужно показать )

[historydev]

Brendan Castaneda, в гугле забанили?

[Brendan Castaneda]

Владимир, Я не понимаю, что именно нужно гуглить в данном случае..
Напишите мне, что гуглить и я сам всё прочитаю

[historydev]

Brendan Castaneda,

как его самому написать

Answer 1

[Дмитрий]

Пример

Answer 2

[Eugene Chefranov]

Comments

[Brendan Castaneda]

Слушай а получится вообще запилить (инлайново svg картинку) кликабельную за место, того решения, как у тебе в примере..?
Ты я видел на афтер и на бефор повесил стили.

[Eugene Chefranov]

Brendan Castaneda, а что мешает?) background в помощь)

[Brendan Castaneda]

Eugene Chefranov, Нет именно инлайново )
Вот, что-бы код на CodPen не заливать я на хост кину сайт там видно.
xx.tw1.ru

[Eugene Chefranov]

Brendan Castaneda, обновил пример

[Brendan Castaneda]

Eugene Chefranov, Благодарю! Ты потрясающий )
Переделаю под svg чють позже значит и хоть разберусь что да как должно было быть там.
Спасибо! )

Answer 3

[profesor08]

-webkit-appearance: none;