按钮悬停着色

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;
}

但是,样式表单控件通常很棘手.如果你试图让浏览器使用默认样式渲染按钮,那么只需在悬停时更改背景颜色,它就不会起作用; 其他属性(如边框)也将更改,如此实例演示.您必须在允许浏览器和操作系统决定控件的外观,所有状态或为每个状态创建自己的样式之间进行选择.