0

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;  
  }
4
  • 1
    Edite a pergunta e coloque o código. Busque fazer um Exemplo Mínimo, Completo e Verificável.
    – Woss
    Commented 22/09/2017 às 1:46
  • O materialize utiliza um label para criar a aparência do checkbox, ou seja você tem que da display:none no label do checkbox também. Commented 22/09/2017 às 1:49
  • seria assim? label input{ display:none}
    – lyestah
    Commented 22/09/2017 às 1:58
  • Sim, com seus respectivos ids Commented 22/09/2017 às 2:24

1 Resposta 1

1

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.

http://materializecss.com/helpers.html

2
  • Entendi, mas preciso ocultar apenas o checkbox
    – lyestah
    Commented 22/09/2017 às 2:50
  • Mas isso vai ocultar o checkbox, porque o materialize utiliza o label para mostrar a parte visual do checkbox, ou seja o checkbox de verdade já esta oculto, inclusive se você ocultar só o label já vai funcionar. Abra a pagina aperte com o botão direito e clique em inspecionar elemento no checkbox, você vai ver que ele na verdade é um label. Commented 22/09/2017 às 10:17

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .