Добавить пользовательскую стрелку выпадающего списка для ввода "выбрать"

#html #css

#HTML #css

Вопрос:

Я хочу создать пользовательское выпадающее меню (меню «выбрать»), но я не могу понять, как добавить значок, который указывает, что это выпадающее меню (значок ^, обращенный вниз) Я ищу просто простую стрелку и ничего особенного, и мне интересно, есть ли уже встроенные значки, которые я могу использовать, и если нет, то как я создаю пользовательский.

Ответ №1:

Один из вариантов, который я рекомендую, — использовать HTML, вот набор символов стрелки HTML :

https://www.toptal.com/designers/htmlarrows/arrows/

Простой, понятный и оптимизированный для SEO. Кроме того, это может сделать любая библиотека значков SVG.

Ответ №2:

введите URL нужного значка в скобках.

 <select style="background: url() no-repeat right #ddd;"/>

например:

  <select style="background: url() no-repeat right #ddd; background-position-x: 244px;"/>

также правильно установите положение фона