Стиль HTML выберите и опциональные теги

Question

Я обнаружил, что могу стилизовать элементы опций с помощью небольшого CSS3. Я пытаюсь контролировать фон элементов, которые активны во время события наведения мыши. Я эффективно использовал селектор: hover для управления этой функциональностью. Однако, когда моя мышь покидает группу параметров, шрифт остается белым. Есть ли способ, которым я могу контролировать это?

option
{
    background-image: -webkit-gradient(     linear,     left bottom,     left top,     color-stop(0, rgb(237,233,233)),     color-stop(1, rgb(255,255,255)) );
    background-image: -moz-linear-gradient(     center bottom,     rgb(237,233,233) 0%,     rgb(255,255,255) 100% );
    color:#333333;
}
option:hover
{
    background-image: -webkit-gradient(     linear,     left bottom,     left top,     color-stop(0, rgb(20,26,85)),     color-stop(1, rgb(137,145,192)) );
    background-image: -moz-linear-gradient(     center bottom,     rgb(20,26,85) 0%,     rgb(137,145,192) 100% );
    color:#FFFFFF;
}

Я не знаю ни одного способа управления цветом шрифта активного элемента. Это не обязательно выбранный элемент.

Answer 1

Если вы делаете это для тега привязки, пожалуйста, определите класс в этом Mainer:

.option a{
background-image: -webkit-gradient(     linear,     left bottom,     left top,     color-stop(0, rgb(237,233,233)),     color-stop(1, rgb(255,255,255)) );
background-image: -moz-linear-gradient(     center bottom,     rgb(237,233,233) 0%,     rgb(255,255,255) 100% );
color:#333333;
}

.option a:hover{
background-image: -webkit-gradient(     linear,     left bottom,     left top,     color-stop(0, rgb(20,26,85)),     color-stop(1, rgb(137,145,192)) );
background-image: -moz-linear-gradient(     center bottom,     rgb(20,26,85) 0%,     rgb(137,145,192) 100% );
color:#FFFFFF;
}

Это будет работать нормально. Кроме того, если вы добавите метку, то после формы с мышью вы увидите всплывающую ссылку, которая становится нормальной, когда вы используете черный цвет.

Если вы используете для любого другого тега, пожалуйста, используйте в том же Mainer