按鈕懸停着色

Question

爲了清晰起見，在解析後編輯。

我想將按鈕上的懸停顏色從默認藍色更改爲其他顏色。我想這樣做，而不必完全重新定義按鈕的所有CSS。我只想覆蓋懸停顏色，並保留其餘的默認值。

照片管理：

通常情況下，它是這樣的：徘徊，那就是：

我想改變懸停高亮顏色。

編輯：

曾嘗試：

.Cancel:hover 
    { 
     background: linear-gradient(black, white); //Tried these separately 
     background-color:Red; 
    } 

和按鈕標記：

<asp:Button ID="btnPprGrdsCancelRefresh" runat="server" Text="Cancel/Refresh" CssClass="Cancel" /> 

的線性漸變似乎沒有做任何事情，和背景顏色變化的顏色按鈕，而不是按鈕上的遮罩。

Answer 1

的:hover僞類做的是：

button:hover { 
    background-color: #f00; 
} 

然而，定型表單控件通常是棘手的。如果您試圖讓瀏覽器使用其默認樣式渲染按鈕，那麼只需更改懸停時的背景顏色，這不會起作用;其他屬性（如邊框）​​也將更改，as this live example demonstrates。您必須讓瀏覽器和操作系統決定控件在所有狀態下的外觀，或爲每種狀態創建自己的樣式。

Answer 2

button:hover{ 
//style color here 
}