更改禁用的单选按钮列表元素的颜色答案

【问题标题】：Change color of disabled radiobutton list element更改禁用的单选按钮列表元素的颜色
【发布时间】：2009-07-27 18:17:43
【问题描述】：

我有一个带有一堆列表项的单选按钮列表，其中一些被禁用。单选按钮旁边的标签控件变为灰色，难以阅读。如何更改标签的颜色？我已经尝试过 CSS，改变了前景色 - 似乎没有任何效果：

currentButton.Attributes.Add("class", "disabled");

有什么想法吗？

【问题讨论】：

标签： asp.net css radiobuttonlist

【解决方案1】：

虽然我从未使用过 asp.net 内置控件，但我在这里猜测您的 RadioButtonList 正试图变得足够聪明并呈现一些 CSS（内联或类/ID）以直观地反映其控件状态。

您应该查看生成的 HTML 并发现此类 CSS 代码，然后尝试覆盖它。如果他们按照我的想法设计了那种控制方式，也许有一个属性可以让你改变那个特定的状态颜色。但如果没有这样的属性，您始终可以选择使用自定义 CSS 覆盖它。

如果 CSS 是内联渲染的（该 LOL 归咎于 MS），我会尝试返回解决方法。

【讨论】：

这是一个共享点发布页面 - 这是一个完全不同的蠕虫罐头。
这些单选按钮呈现的 html 是什么？
9:00 AM - 9:15 AM 不可用我已经尝试覆盖禁用的类，但它仍然不是黑色的。
戴夫，在我看来，单选按钮被您的代码禁用了，所以我会查看您的 CSS 并尝试设置 span.disabled label{color:#000}
我在页面加载时自己在代码隐藏中禁用它们，我只是希望禁用的文本是灰色以外的另一种颜色。我刚刚尝试了你的建议，但没有奏效。我真的很难过：P

【解决方案2】：

您可以为此使用 CSS 属性选择器：

input.myclass[disabled=disabled] { color: #FF0000; }

更新：由于我误解了问题，因此已修复答案。

【讨论】：

这不是我想要做的。一旦它被禁用，我想更改单选按钮旁边文本的前景色。
我已经添加了你的代码，设置了单选按钮列表的 CssClass="myclass" 并且它不起作用。我是否正确实施了您的？

【解决方案3】：

    $(document).ready(function() {
        setRadioButtonListStyle();
    });

    function setRadioButtonListStyle() {
        var radioButtonListServerId = "rblOption";
        var labels = $("label[for*='" + radioButtonListServerId + "']");
        $.each(labels, function() {
            this.parentElement.disabled = false;
            }
        });

        var tables = $("table[id*='" + radioButtonListServerId + "']");
        $.each(tables, function() {
            this.disabled = false;
        });
    }

【讨论】：