# \[SOLVED\] How would I color individual dropdown labels? Or how would I add an icon to each?

**URL:** <https://forum.inductiveautomation.com/t/solved-how-would-i-color-individual-dropdown-labels-or-how-would-i-add-an-icon-to-each/79364>\
**Category:** Ignition\
**Tags:** perspective, ignition81, scripting\
**Created:** [September 19, 2023, 7:33pm UTC](https://forum.inductiveautomation.com/t/solved-how-would-i-color-individual-dropdown-labels-or-how-would-i-add-an-icon-to-each/79364 "2023-09-19T19:33:49Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Felipe\_CRM](https://avatars.discourse-cdn.com/v4/letter/f/dfb087/32.png) [@Felipe\_CRM](https://forum.inductiveautomation.com/u/Felipe_CRM)\
**Post date:** [September 19, 2023, 7:40pm UTC](https://forum.inductiveautomation.com/t/solved-how-would-i-color-individual-dropdown-labels-or-how-would-i-add-an-icon-to-each/79364/2 "2023-09-19T19:40:34Z")

</div>

The post by @victordcq goes into pretty good detail about what CSS to use and where, or are you trying to do something different to this?

> [@Color change on a label](https://forum.inductiveautomation.com/t/color-change-on-a-label/79165/6):
>
> man_mage (might need to put in style for translations too, if you have any) .psc-magicColors [data-label="red"]{ background-color:red; } .psc-magicColors [data-label="blue"]{ background-color:blue; } .psc-magicColors [data-label="green"]{ background-color:green; } .psc-magicColorsOptions[data-label="yellow"]{ background-color:yellow; }@mjohnson0238 put this in your stylescheet.css (note the spaceing difference for the options magicColors [data-label and magicColors…

---

_[View the full topic](https://forum.inductiveautomation.com/t/solved-how-would-i-color-individual-dropdown-labels-or-how-would-i-add-an-icon-to-each/79364)._
