enkomium
@enkomium

Как изменять цвет рамки у select при выборе option?

Можно ли как-то через css сделать так что бы при выборе пункта (option) цвет рамки (select) изменялся и оставался на месте?
Типа выбрал нужный пункт, цвет рамки поменялся и остался на тот который задашь.

6380b36226ccd389849987.jpeg
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
const select = document.querySelector('select');// Берем первый селект на странице
select.addEventListener('change', () => {
  switch (select.value) {
    case 1:
      select.style.border = '1px solid red';
      break;
    case 2:
      select.style.border = '1px solid green';
      break;
    case 3:
      select.style.border = '1px solid blue';
      break;
  }
})


Обрабатываем все селекты
document.querySelectorAll('select').forEach(select => {
  select.addEventListener('change', () => {
    switch (select.value) {
      case 1:
        select.style.border = '1px solid red';
        break;
      case 2:
        select.style.border = '1px solid green';
        break;
      case 3:
        select.style.border = '1px solid blue';
        break;
    }
  })
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы