1
Here’s what I’m trying to do:
By clicking on a check box, she paints the background orange...
I needed you to also paint the background of TD, because currently only painting the background of the label...
How can I paint the background together?
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>
have javascript knowledge? , most likely the following answer will be using it.
– Bsalvo
I’m studying Javascript too, but if I had a medium via CSS would be perfect, but if in this case it will only be by Java, I understand
– Sora