Publicado em 13 de jan.

Exibir/esconder checkbox dentro de TD/TR usando hover

#desenvolvimento-frontend #checkbox #hover

Toda 1ª TD da TR tem um checkbox.

Quero que, ao passar o mouse sobre a TR (ou qualquer TD da TR) o checkbox seja exibido.

E depois, ao sair da TR, o checkbox volte o seu estado original (oculto).

Isso não está funcionando...

input[type=checkbox] fieldset[id="atividades-candidato"]table tr td:hover{

 display:inline;
}

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Omar~· 13 de jan.

<style>
 td.esconde-input {padding: 2rem; background: red}
 td.esconde-input > input.input-oculta {display: none}
 td.esconde-input:hover > input.input-oculta {display: block}
</style>

<table>
 <tr>
 <td>Luizinho</td>
 <td>Zézinho</td>
 <td class="esconde-input"><input class="input-oculta" type="checkbox" /></td>
 <td>Gaguinho</td>
 </tr>
</table>

	Seria algo parecido com isso?

FabianoSouza· 14 de jan.

Olá Omar! Quase isso.

Preciso também que os checkbox aparecem e desapareçam ao passar o mouse em qualquer TD de uma TR (criando a ideia de que a coisa acontece ao passar o mouse pela TR).

Eziquiel· 15 de jan.

Seria isso?

https://jsfiddle.net/6kaeg5ym/1/

FabianoSouza· 15 de jan.

19 minutos atrás, Eziquiel disse:

Seria isso?

https://jsfiddle.net/6kaeg5ym/1/

Isso!!!

Perfeito, Ezequiel!

Muito obrigado.