Estou com um problema, não estou conseguindo ocultar um elemento utilizando apenas o display:none em um checkbox do framework materialize.
Tentei desta forma:
.listaPerfil input{
display: none;
}
Estou com um problema, não estou conseguindo ocultar um elemento utilizando apenas o display:none em um checkbox do framework materialize.
Tentei desta forma:
.listaPerfil input{
display: none;
}
O materialize é composto por dois elementos:
O input que é o elemento em si
<input type="checkbox" id="test5" />
E o label que é a parte visual do elemento
<label for="test5">Red</label>
Então uma solução é ocultar o que envolve estes dois elementos.
Vamos pegar este caso que esta na documentação deles:
<p>
<input type="checkbox" id="test5" />
<label for="test5">Red</label>
</p>
Vamos colocar uma classe na tag p
<p class="meucheck">
<input type="checkbox" id="test5" />
<label for="test5">Red</label>
</p>
E o css ficará assim:
.meucheck{
display:none;
}
Ocultando o elemento por completo.
Você também pode utilizar de class já pronta do materialize, veja este link na parte 'Hiding/Showing Content', que mostra todas as opções.