Here I am testing using discuss Solved tag and the following seems to be working.
Few options. Either target the tags labels with :has, fav icon or bg colour using the browser inspector.
Explanation
Option 1 hides the tag by matching the text "Solved" in the TagLabel-name element.
(Note: :contains() works in many browsers but isn’t officially CSS-standard. Test this first.)
/* Hide the Solved tag by targeting its text */
.TagsLabel .TagLabel:has(.TagLabel-name:contains("Solved")) {
display: none !important;
}
Option 2 hides the tag by targeting the "Fav icon" (fa-check) inside the Solved tag. This is safer as the icon is unique to Solved tags.
/* OR hide based on the checkmark icon (if unique to Solved tags) */
.TagsLabel .TagLabel:has(.fa-check) {
display: none !important;
}
If ":has()" isn’t supported in your browser:
Option 3 Use this alternative to hide the entire tag container for Solved tags which targets the tags bg colour:
/* Hide the entire Solved tag */
.TagsLabel .TagLabel[style="--tag-bg: #6DBB3E;"] {
display: none !important;
}
