控制由 DataPager 呈现的禁用分页链接 (a[disabled=“disabled”]) 的外观

Question

我有一个带有下一个和上一个按钮的数据分页器，如下所示：

   <asp:DataPager ID="dpFeaturedPager" PagedControlID="lvFeaturedTips" QueryStringField="ftpg" PageSize="1" runat="server">
        <Fields>            
            <asp:nextpreviouspagerfield ButtonCssClass="featured-previous" PreviousPageText="Previous" ShowNextPageButton="false" />
            <asp:nextpreviouspagerfield ButtonCssClass="featured-next" NextPageText="Next" ShowPreviousPageButton="false" />
        </Fields>
    </asp:DataPager>   

当只有一个页面可用时，下一个和上一个链接将呈现如下：

<a disabled="disabled">Previous</a>

我以前没有见过这个禁用的标签，并假设它来自我赢得的数据分页器控件无法控制。

像往常一样，这在 FireFox 上没问题，但在 IE7 上，上一个和下一个文本无法正确呈现 - 它已被概述（老实说，我希望禁用看起来像 - 但在页面中看起来有点难看！）

我可以控制吗这是CSS中的，还是一个已知问题？

谢谢 邓肯

Answer 1

查看 StackOverflow 上的这个帖子，他们对 CSS 样式有一些建议对于禁用的链接和控件。希望有帮助！

a[disabled=disabled] { 
  color: red; 
  font-weight: bold;
  border: 0px;
} 

编辑：看起来选择器属性在 IE6 中不起作用。

Answer 2

您无法在 IE 中设置禁用控件的颜色。您可以更改背景或边框，但颜色将始终保持灰色并带有白色阴影（系统颜色）。即使在 IE9 中也不起作用。
关于此问题的主题：如何更改使用 css 的 IE8 中禁用的 html 控件的颜色。

Answer 3

使用 jQuery removeAttr() 的快速解决方案：

$('a').removeAttr('disabled');

这：

<a disabled="disabled">Sad</a>

变成了这样：

<a>Happy</a>

Answer 4

我向下一个和上一个链接添加了一类“btnDisable”，然后使用 CSS...

span .btnDisable {cursor: not-allowed; }
span a.btnDisable {cursor: pointer; }

只需确保将 RenderDisabledButtonsAsLabels 设置为 True。

Answer 5

对于那些仍在寻找此问题的人，从 .net 4.0 开始，您可以在 web.config 文件中定义 .net 控件的 HTML 兼容性。

<pages controlRenderingCompatibilityVersion="4.0" clientIDMode="AutoID">

然后，在 Global.asax.cs 中，您可以指定应用于禁用控件的 CSS 类 .net。

System.Web.UI.WebControls.WebControl.DisabledCssClass = "disabled";