按钮悬停着色答案

【问题标题】：Button hover coloring按钮悬停着色
【发布时间】：2013-03-04 18:15:07
【问题描述】：

为清晰起见，在解析后进行了编辑。

我想将按钮上的悬停颜色从默认的蓝色更改为另一种颜色。我想这样做，而不必完全重新定义按钮的所有 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" />

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

【问题讨论】：

【解决方案1】：

:hover 伪类就是这样做的：

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

但是，样式化表单控件通常很棘手。如果您试图让浏览器以其默认样式呈现按钮，那么只需更改悬停时的背景颜色，它就行不通了；其他属性（如边框）也会改变，as this live example demonstrates。您必须选择让浏览器和操作系统决定控件在所有状态下的外观，还是为每种状态创建自己的样式。

【讨论】：

【解决方案2】：

button:hover{
//style color here
}

【讨论】：