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

Question

[Kirito Kirigaya]

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

Comments

[Rustam Bainazarov]

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

[historydev]

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

[Rustam Bainazarov]

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

[historydev]

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

[Rustam Bainazarov]

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

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

[historydev]

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

[Kirito Kirigaya]

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

[historydev]

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

[Kirito Kirigaya]

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

[historydev]

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

[Kirito Kirigaya]

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

[historydev]

Brendan Castaneda,

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

Answer 1

[Дмитрий]

Пример

Answer 2

[Eugene Chefranov]

Comments

[Kirito Kirigaya]

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

[Eugene Chefranov]

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

[Kirito Kirigaya]

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

[Eugene Chefranov]

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

[Kirito Kirigaya]

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

Answer 3

[profesor08]

-webkit-appearance: none;