Estou tentando fazer o seguinte:
Ao clicar em uma check box, ela pinta o fundo de laranja...
Precisava que pintasse também o background da TD, pois atualmente só está pintando o fundo da label...
Como posso pintar juntamente o fundo da td?
input.check-genero:hover + label,
input.check-genero:checked + label{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
/* Tabela conteúdo */
table.tabela-categoria{
border: solid 15px #fff;
}
.tabela-categoria td{
border: solid 2px #d3d1d1;
text-align: center;
padding: 5px;
width: 140px;
}
.categoria + label{
font-family: verdana;
font-size: 1.2em;
color: #727176;
cursor: pointer;
}
.categoria:hover + label,
.categoria:checked + label{
color: #ffffff;
background-color:#FF6600;
}
<tr>
<td>
<input type="checkbox" name="cont10" id="estilo" class="categoria">
<label for="estilo">ESTILO</label>
</td>
<td>
<input type="checkbox" name="cont11" id="entretenimento" class="categoria">
<label for="entretenimento">ENTRETENIMENTO</label>
</td>
<td>
<input type="checkbox" name="cont12" id="familia" class="categoria">
<label for="familia">TESTE</label>
</td>
</tr>