选中单选按钮时更改 td 背景

Question

 http://jsfiddle.net/greedylan/2tytxhoj/1/

所以当我的单选按钮被选中时，我需要让TD cell的背景变成蓝色。这7 buttons/labels 需要的时候再拿出来。我不能将定位设置为固定（每个相对或绝对）。

我发现了这个：

input[type=radio]:checked + label {
   background:#293486;
}

但它只适用于标签。我需要突出显示整个单元格。为此，我们需要 Javascript 吗？

Answer 1

不，你不需要 JS。您只需调整标签的大小和位置，它就会起作用：

td {
    position: relative
}
input[type=radio]:checked + label {
    color: white;
    background-color:blue;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;    
}

然后您可以使用填充来调整文本的位置。

选中单选按钮时更改 td 背景

Change td background when radio button is checked

html-table

button

radio-button