Как стилизовать select на javascript и css ?

@lori_jast 

Стилизация элемента <select> может быть достигнута с помощью CSS и JavaScript.

1. CSS: Назначьте класс или идентификатор элементу . Используйте стили CSS, чтобы изменить внешний вид элемента

1
2
3
4
5
6
7
8
9

.my-select {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 16px;
  padding: 6px;
  width: 200px;
  height: 30px;
}

1. JavaScript: Используйте JavaScript для кастомизации элемента

1
2
3
4
5

<select class="my-select" onchange="myFunction(event)">
  <option value="1">Опция 1</option>
  <option value="2">Опция 2</option>
  <option value="3">Опция 3</option>
</select>

1
2
3
4

function myFunction(event) {
  var value = event.target.value;
  console.log("Выбрано значение: " + value);
}

В приведенных примерах мы использовали CSS для стилизации элемента <select> и JavaScript для обработки событий выбора опции. Однако, настройки и стилизация могут быть улучшены в зависимости от ваших потребностей и предпочтений.