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

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

我发现：

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

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

不，你不需要JS。 您只需调整标签的大小和位置即可：

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

---

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

我无法将标签的位置设置为相对或绝对。因为这7个按钮和标签将在必要时取出。这就是我在TD单元内设置背景色的原因。什么意思是必要时将它们取出？为什么你不能使用绝对定位呢？你在发html邮件吗？你可以尝试在邮件中添加一个div来获得你想要的样式。如果这不起作用，我就不知道你想要什么-为什么不直接从链接复制源代码-他们让它很容易获得。我只是尝试了你的建议，它确实起作用了。你能解释一下为什么我们把相对的表示TD，把绝对的表示输入无线电吗？（我对顶部：0；左侧：0；底部：0；右侧：0；部分）1更为困惑。TD上的相对设置了绝对定位元素的边界。将t、b、l、r设置为0会将元素拉伸到边缘，填满所有空间。就像宽度100%，高度100%。然后使用填充将文本移动到您希望它位于td内的位置。现在这有意义吗？

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