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" />

线性渐变似乎没有做任何事情，背景颜色改变了按钮的颜色，而不是按钮上的蒙版。

score 5 · Accepted Answer

:hover伪类这样做：

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

但是，样式化表单控件通常很棘手。如果您试图让浏览器以其默认样式呈现按钮，那么只需更改悬停时的背景颜色，它就行不通了；其他属性（如边框）也将发生变化，正如这个现场示例所演示的那样。您必须在让浏览器和操作系统决定控件在所有状态下的外观或为每个状态创建自己的样式之间做出选择。

score 1 · Accepted Answer

1

button:hover{
//style color here
}

于 2013-03-04T18:17:46.817 回答

2 回答 2