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

Question

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

基于另一个输入,我有时会禁用一个或多个单选按钮.禁用时,单选按钮的内部将采用表格单元格的背景.圆圈着色有点灰白.这结合起来使按钮看起来像"消失".仔细检查表明它仍然在那里.

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

.radio {
    background-color: #FFFFFF;
}

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

我是否必须诉诸图像？

更新不是背景问题,而是按钮的内部.当禁用时,按钮的内部呈现表格单元格的背景颜色......哦,这是一个想法.我改变了表格单元格和单选按钮.

Answer 1

您可以使用CSS属性选择器 [attributename].

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