HTML

Question

首先是我的按钮代码;

HTML

<asp:Button Text="Register" ForeColor="#ffffff" BackColor=" #ba04c2" ID="btnReg" CssClass="btnReg" runat="server" OnClick="btnReg_Click" />

CSS

.left-side .fast-reg .alt .btnReg{
 width: 100px;
 height: 40px;
 margin-top: 10px;
 line-height: 40px;
 text-align: center;
 float: right;
 -webkit-transition-duration: 0.4s; 
 transition-duration: 0.4s;

}
.btnReg:hover {
    background-color: #d053f5; 

}

.btnReg:focus {
    background-color: #3e0442; 

}

我想更改按钮的默认颜色，悬停颜色以及何时按下。

例如，当按钮上出现光标并且颜色变得清晰时，按钮的颜色为紫色。单击该按钮时，颜色会更暗。

我将BackColor="#colorcode"添加到asp：按钮部分，但是当我这样做时，悬停正在停用。

如何在hover和:active功能未被停用的情况下更改按钮颜色？

Answer 1

当您设置BackColor的{{1}}属性时，它实际上会以HTML格式呈现：

asp:Button

您在前面的<input type="button" style="background-color: #ba04c2; ..." />元素中看到的style属性称为内联样式。由于“ CSS Specificity ”，大多数情况内联样式会自动胜过CSS定义。在CSS世界中，每个样式都有自己的权重，它们分别应用于该权重的元素。

因此，如果要覆盖CSS中的内联样式，则必须通过将input添加到CSS定义来强制它，如下所示。

!important

CSS按钮，默认颜色，悬停颜色和：活动颜色更改

HTML

CSS

1 个答案: