css - 如何设置禁用的单选按钮的样式？

Question

我在表格单元格中有一组单选按钮。表格单元格的背景颜色与页面背景不同。

基于另一个输入，我有时会禁用一个或多个单选按钮。禁用时，单选按钮的内部采用表格单元格的背景。圆圈颜色变灰了一点。这结合起来使按钮看起来像“消失了”。仔细检查会发现它仍然存在。

我一直在努力定义一个 CSS 条目来更改禁用的单选按钮的外观……可以吗？目前，我正在做这样的事情:

.radio {
    background-color: #FFFFFF;
}

.radio:disabled {
    background-color: #FFFFFF;
}

我必须求助于图片吗？

更新 问题不在于背景，而在于按钮的内部。当禁用时，按钮的内部采用表格单元格的背景颜色......哦，这是一个主意。我更改了表格单元格和单选按钮。

Answer 1

您可以使用 CSS attribute selector [attributename] 为此。

.radio[disabled] {
    background-color: #FFFFFF;
}