風格的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選擇和選項標籤

回答

相關問題