@slagoris

Как изменить выбранный элемент select?

Добрый день. Подскажите такой момент. Есть форма с селектами.
Обычный селект и опшн внутри. Первый пункт сделан так, чтобы не отображался при выпадении списка. Подскажите, как сделать опасити у выбранного элемента, чтобы было так же, как placeholder у инпута. Или вообще как-то изменить этот выбранный элемент. Бьюсь, не могу сделать. Нужно, чтобы все пункты были с прозрачностью, если не выбран другой элемент.
<select  class="select__brand" name="brand" id="brand">
<option class="select-hidden" value="brand" style="display:none">Марка</option>
<option value="Hyundai">Hyundai</option>
<option value="Renault">Renault</option>
<option value="Nissan">Nissan</option>

5f6dd7832e0b6139750787.png
  • Вопрос задан
  • 307 просмотров
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
<select name="brand">
  <option value="0" disabled selected>Марка</option>
  <option value="Hyundai">Hyundai</option>
  <option value="Renault">Renault</option>
  <option value="Nissan">Nissan</option>
</select>

Ответ написан
Комментировать
@slagoris Автор вопроса
это не работает. пробовал. Даже в вашем примере пункт неактивен и полупрозрачен только в выпадающем списке, когда же список свернут, этот элемент все равно имеет обычный цвет. Может есть еще способы?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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