Как подвинуть стрелку в select?

Question

[Егор Антропов]

Нужно сделать стрелку у тега select левее

Comments

[Rustam Bainazarov]

Картинку на фон, либо оборачивать select в ещё один блок и делать её псевдоэлементом.

[Rustam Bainazarov]

Можно вообще градиентом сделать стрелку:

[alex-1917]

Рустам Байназаров, эх.. а without gradient? )))

[Rustam Bainazarov]

alex-1917, картинкой

Answer 1

[Алексей]

Самый простой способ:
1. Скрыть стандартную стрелку - appearance: none;
2. Добавить свою стрелку - background: url(arrow_custom.svg) no-repeat right;
3. Подвинуть по горизонтали - background-position-x: calc(100% - 8px);