按钮悬停着色

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
}