asp.net - 按钮悬停着色

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 .您必须选择是让浏览器和操作系统决定控件在所有状态下的外观，还是为每个状态创建您自己的样式。