# Feature request: tag styling addition

**URL:** <https://meta.discourse.org/t/feature-request-tag-styling-addition/67744>\
**Category:** Feature\
**Created:** [August 9, 2017, 10:24pm UTC](https://meta.discourse.org/t/feature-request-tag-styling-addition/67744 "2017-08-09T22:24:59Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![jack2](https://avatars.discourse-cdn.com/v4/letter/j/ac91a4/32.png) [@jack2](https://meta.discourse.org/u/jack2)\
**Post date:** [August 9, 2017, 10:24pm UTC](https://meta.discourse.org/t/feature-request-tag-styling-addition/67744/1 "2017-08-09T22:24:59Z")

</div>

Being able to hide tags is a useful feature in many situations. Use cases have been discussed before, for example [here](https://meta.discourse.org/t/hide-tags-in-filter-list-new-site-setting/51715) and [here](https://meta.discourse.org/t/hide-staff-tags-from-non-staff-users/44025).

This feature is implemented through a `tag-nameOfTheTag` class added to tags `<a>` links. For example, this is what you get in the tag dropdown of [meta.discourse.org](http://meta.discourse.org) for the `markdown` tag:

```html
<a href="/tags/markdown" id="ember1195" class="... tag-markdown ...">
   markdown
</a>

```

Hiding the tag is just a matter of providing a CSS rule of the form:

```html
a.tag-markdown {
   display:none;
}

```

Using this technic, you can hide a tag everywhere in Discourse, **except in the composer pane** (input box and list box):

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/f/9f794b7cf2570d6d6f615d58944e30abe15ca15d.png)

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/a/ca6c5b698ee142c9c1bd75df8c9dd80d957d54f0.png)

Tags there aren’t displayed through a simple `<a>`, but with a more complex markup:

```html
<li class="...">    
   <div>
      <a class="tag-mytag ...">mytag</a>
   </div>    
   <a href="#" class="..." tabindex="-1"></a>
</li>

```

So if you try to hide the tag with CSS, the `<a>` link is hidden but the rest remains and is displayed.

To solve the problem, I suggest the `tag-nameOfTheTag` class to be added to the top `<li>`, in both the input box and the list box:

```html
<li class="... tag-mytag ...">    
   <div>
      <a class="tag-mytag ...">mytag</a>
   </div>    
   <a href="#" class="..." tabindex="-1"></a>
</li>

```

---

_[View the full topic](https://meta.discourse.org/t/feature-request-tag-styling-addition/67744)._