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

Question

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

所以当我的单选按钮被选中时，我需要让TD单元格的背景变成蓝色。这些7个按钮/标签将在必要时取出。我不能将定位设置为修复（每个的相对或绝对）。

我发现了这个：

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;    
}

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