Страницы

Поиск по вопросам

пятница, 11 января 2019 г.

Как заменить стрелку (caret) select?

Можно ли изменить стрелку справа (caret), не заменяя весь фон? То есть, я хочу иметь возможность заменить иконку стрелки, но не трогать остальной вид select.
Видел решение, которое заменяет background целиком на новую картинку. Это решение рассматривать не будем.
Использовать модифицированный button тоже не хотелось бы.


Ответ

может так?
.select { position: relative; display: inline-block; } .select:after { content: "▼"; padding: 0 8px; font-size: 12px; position: absolute; right: 8px; top: 4px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; } select { padding-right: 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


Сделать кроссбраузерно (так, чтобы выглядело везде одинаково), не получается, так как select не поддаются полной стилизации.

Комментариев нет:

Отправить комментарий