Hello, I am trying to use a set of png icons for icons on my forum on the tags. iv got it to fit in the tag box how it looks nice but that’s for every tags box, iv found how to target specific tags but what would be the right way of selecting that specific tag box to put in the png icon? Any help wo…

You can use css attribute selector Here is an example with the tag question : a.discourse-tag.box[href*="question"]::before { With 400 tags you might need to use something else than the [href*= for some elements. There are a few alternatives to trigger the attribute element. [图片] W3Scho…

Why not use SVG glyphs instead of PNGs? There’s a component for this at Tag Icons

I was already trying that but with what I am trying to do I would need to try and convert like 400+ png icons to svg and then make all of that an svg sprite and from what iv tried and read there isn’t a fast or good way of converting them and keeping the quality of the original png. I did try with o…

ah, ty! :grinning: this should work great with what I am trying to do.

尝试使用 CSS 在标签框中插入 PNG 图标

支持

codinghorror (Jeff Atwood) 2021 年5 月 29 日 20:38 2

为什么不使用 SVG 字形而不是 PNG 呢？这里有一个相关的组件：Tag Icons

话题		回复	浏览量
Tag Icons Theme component official , tag-icons	91	19767	2026 年3 月 3 日
Issue using custom icon with Tag Icons Support tag-icons	2	345	2019 年12 月 19 日
Making tags look like real world tags UX	12	3602	2020 年8 月 3 日
Tag Icons working with tag groups Feature tag-icons	7	295	2025 年10 月 2 日
Matching wrong tag to tag icon Bug tag-icons	6	266	2021 年5 月 18 日

尝试使用 CSS 在标签框中插入 PNG 图标

相关话题