0

Salve! Acredito que seja uma dúvida meio básica, mas vá lá. Numa das views da aplicação é montada uma tabela e na coluna mais à direita são incluídos dois elementos to tipo span. Ao último eu incluí o atributo hidden (hidden="hidden"). No entanto o elemento é mostrado, conforme pode ser visto no seguinte fiddle - http://jsfiddle.net/6fswhgd3/.

Obviamente não desejo usar o recurso de estilizar o span conforme fiz na última linha da tabela do exemplo.

O que posso fazer? Grato pela atenção de todos. Paulo Ricardo Ferreira

6
  • 1
    Não existe atributo hidden. Se você quer ocultar o span use css - display: none 2/06/2016 às 17:15
  • @PedroCamaraJunior, De acordo com o site w3schools existe o atributo hidden. Obrigado. 2/06/2016 às 17:25
  • De fato existe no HTML5 Paulo. Eu acredito que o seu problema seja porque a classe do bootstrap - glyphicon altera o display do elemento para inline assim que o css é carregado. 2/06/2016 às 17:47
  • 1
    @PedroCamaraJunior, de fato, a classe Glyphicon altera o display para inline-block. Obrigado. 2/06/2016 às 17:56
  • Publique uma resposta com a solução encontrada, se outros usuários tiverem o mesmo problema, saberão o que foi feito para resolver. :) 2/06/2016 às 18:04

2 Respostas 2

0

De acordo com o codigo que voce enviou no fillde, a sua tag span deveria ter algo parecido com isso:

<span class="glyphicon glyphicon-refresh" style="display:none"></span>

Para mais detalhes: http://jsfiddle.net/6fswhgd3/1/

1
  • Thiago, eu sei, tanto que na 3ª linha da tabela eu usei esse recurso, mas só para testar. Mas, como postei na minha dúvida, não gostaria de usar esse recurso por conta do que desejo fazer na interface. Obrigado. 2/06/2016 às 17:30
0

Você pode usar esse código no Html:

  <span class="glyphicon glyphicon-trash"></span><span class="glyphicon glyphicon-refresh" id = "ak"></span>

No Html eu criei um Id para esse span para poder editar ele no CSS.

E criar um CSS com o código:

 #ak { visibility:hidden }

Vai ficar como nesse fiddle: http://jsfiddle.net/7bvqc0er/1/

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 .