我们可以隐藏使用hidden =“hidden”的glyphicons

Question

我们可以隐藏像这样的glyphicon图标，

<i class="glyphicon glyphicon-remove-circle" 
         title="Insert an appropriate value" id="author" hidden="hidden"></i> 
<p>Author</p>

Answer 1

是的，你可以，但仅使用 hidden 将是无效属性，因此请使用data-hidden="hidden"，因为它有效创建自定义属性HTML5，但他们应该data-前缀。

然后在你的CSS中，你可以写..

[data-hidden="hidden"] {
   display: none; /* OR */
   visibility: hidden; /* If you want to reserve space */
}

Demo

---

如果你确定要使用它来隐藏元素，并且只是隐藏，那么考虑使用!important以便特异性不会给你带来麻烦。