# جعل العلامات تبدو مثل العلامات في العالم الحقيقي

**URL:** <https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237>\
**Category:** UX\
**Created:** [23 أكتوبر 2018، 7:40ص UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237 "2018-10-23T07:40:38Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![rootsh3ll](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rootsh3ll/32/119507_2.png) [@rootsh3ll](https://meta.discourse.org/u/rootsh3ll)\
**Post date:** [23 أكتوبر 2018، 7:40ص UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237/1 "2018-10-23T07:40:38Z")

</div>

I was looking for having CSS for tags like this: ![18%20PM](https://global.discourse-cdn.com/meta/original/3X/7/a/7a15a98b9a1a29027c3d2485b8ad4e6c15348476.png)

But my current tags look like this:

 ![46%20PM](https://global.discourse-cdn.com/meta/original/3X/e/2/e2613559b238a95a1d1c6a40869e7fa0963ce556.png)

See `txpower` and `alfa` are tags.

Here’s the CSS I am using:

```plaintext
.discourse-tag.box {
    border: 1px solid #595959;
    border-radius: 3px;
    background-color: transparent;
    padding: 1px 6px;
    font-weight: bold;
}

```

For the sake of differentiability, I wanted my tags to look like real tags, but CSS from the internet is breaking the discourse’s CSS in unimaginable ways. and I just can’t get it right. Can anyone help with the CSS changes I need?

---

_[View the full topic](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237)._