风格的HTML选择和选项标签

我发现我可以用一点CSS3风格化选项元素。我试图控制在mouseover事件中处于活动状态的元素的背景。我有效地使用了：hover选择器来控制这个功能。但是，当我的鼠标离开选项组时，字体仍为白色。有什么办法可以控制这个吗？风格的HTML选择和选项标签

 
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; 
}

我不知道有任何方法来控制活动元素的字体颜色。这也不一定是所选元素。

来源

2011-09-10 Case

如果要为锚标记这样做，请在这个越来越重要的定义类：

.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

来源

2011-12-30 09:22:15

风格的HTML选择和选项标签

回答

相关问题