Как мне стилизовать поле выбора формы в зависимости от выбора с помощью CSS или jquery? [дубликат] ⇐ CSS

[Anonymous]

Я хочу, чтобы цвет текста в поле выбора был серым (#b8b8b8), и когда сделан выбор (Да или НЕТ), текст поля выбора должен быть оформлен как белый (#fff). p>

Код: Выделить всё

please select
Yes
No

Я попробовал все решения jquery, которые смог найти на Stackoverflow, но ни одно из этих решений не соответствовало моим потребностям. Я пробовал использовать переключаемые поля, но это стилизирует ВЕСЬ текст в параметрах, а не поле выбора.
РЕДАКТИРОВАТЬ:

Это последнее решение, которое я пробовал:< /p>

Код: Выделить всё

function myFunction() {
document.getElementById("myform").reset();
}

$(document).ready(function() {
$("#selection").change(toggleFields);
});

function toggleFields() {
if ($("#selection").val() == "none") {
$("#selection").css("color", "blue");
} else {
$("#selection").css("color", "red");
}
}

Код: Выделить всё

please select
Yes
No

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

Подробнее здесь: https://stackoverflow.com/questions/786 ... -or-jquery