基于复选框的按钮样式,在表格内

时间:2015-03-02 15:37:52

标签: html css checkbox


我试图让按钮的背景改变颜色,具体取决于它的相邻复选框的属性。但由于我依赖于我使用的问卷软件所呈现的HTML,我无法更改标记。

让我告诉你我的意思:
![这是第一种情况:这里的一切都很好[1] http://i.stack.imgur.com/QEoUa.png
单击8个选项中的1个后,它会突出显示。但是一旦你点击" next"按钮下方,然后在下面屏幕中的"后退"按钮上,您将包含以下内容......

[d'!哦]![2] http://i.stack.imgur.com/RCq1S.png
此处仍然选中该选项,但该按钮不再突出显示。这是一个问题,因为我想稍后隐藏复选框。

我想只使用CSS来解决这个问题。但是,复选框和按钮会自动放在表格中。该表使用以下结构:

<table>
 <tr>
  <td class="checkbox">
   <input type="checkbox">
  </td>
  <td class="item">
   <span class="Option"> 
    <a href="">Answer</a>
   </span>
  </td>
 </tr>
</table>

我尝试过使用:
       输入[type = checkbox]:选中+ a {background-color:red;}

仅当复选框和答案按钮是兄弟姐妹时才有效。 希望你能帮助我...

0 个答案:

没有答案