Martina: Umfärbung von 2 Buttons

Beitrag lesen

SELF-Forum

Umfärbung von 2 Buttons

Martina
– Informationen zu den Bewertungsregeln

passend dazu noch eine Frage:
In einer Tabelle befindet sich in jeder Reihe eine Checkkbox. Bei aktivierter checkbox sollen alle <td> der jeweiligen Tabellenreihe grün gefärbt werden.

Das bekomme ich nicht hin, da ich mit keinem CSS-Selektor quasi auf die Cousin-<td> der Input-<td> zugreifen kann.

Gibts hierfür eine reine HTML/CSS Lösung ohne JavaScript bzw. EventHandler?

  
<style>  
  table {background:#fff; border-spacing:2px;}  
  td {background:#ccc;}  
  input:checked ~ td {background:green;}  
</style>  
</head>  
  
<body>  
  
<table>  
  <tr>  
    <td><input type="checkbox" id="1.Zeile"/></td><td>1.Zelle</td><td>2.Zelle</td>  
  </tr>  
  <tr>  
    <td><input type="checkbox" id="2.Zeile"/></td><td>1.Zelle</td><td>2.Zelle</td>  
  </tr>  
</table>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln