带背景图像的禁用 ASP.NET Linkbutton 样式

Question

我正在使用一个简单的 ASP.NET linkbutton 控件。

<asp:LinkButton ID="LinkButtonDelete" runat="server" CssClass="linkButtonDelete">Delete</asp:LinkButton>

我使用以下 css 定义设置此按钮的样式：

.linkButtonDelete:link
{
    background: transparent url(/../images/btnRegular.png) no-repeat scroll 0 0 !important;
}
.linkButtonDelete:hover
{
background: transparent url(/../images/btnHighlight.png) no-repeat scroll 0 0 !important;
}

这就是问题：如果我禁用链接按钮 (LinkBut​​tonDelete.Enabled = false;)，然后将鼠标悬停在链接按钮上，背景图像将显示 btnHighlight.png （而不是 btnRegular.png ）。我在 IE9 和 Chrome 中对此进行了测试。效果一样。

我是否有机会仅使用 CSS 应用“禁用”样式（请不要使用 Javascript！）？

谢谢

Answer 1

我保留我的另一个答案，因为它也可以工作，但如果你想要一个纯粹的 CSS 解决方案，请查看从 CSS 2.1 开始支持的属性选择器。假设 ASP.NET 设置了禁用属性，您可以添加如下内容：

.linkButtonDelete[disabled="disabled"]:hover
{
background: something else;   
}

Answer 2

听起来它的行为就像你告诉它的那样。它显示悬停。如果您不希望它显示悬停，那么当您禁用按钮时，听起来您需要将类设置为其他内容并创建一个没有悬停的新类。

LinkButtonDelete.Enabled = false;
//then
LinkButtonDelete.Attributes["class"] = "linkButtonDeleteDisabled"; // give it a new class

或者

 LinkButtonDelete.CssClass = "linkButtonDeleteDisabled";