样式HTML选择和选项标签
我发现我可以用一点CSS3来设计选项元素。 我试图控制在mouseover事件中处于活动状态的元素的背景。 我有效地使用了：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;
}
我不知道有什么方法来控制活动元素的字体颜色。 这也不一定是所选元素。
如果你正在做这个锚标记，请在这个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
链接地址: http://www.djcxy.com/p/89331.html