# Dropdown text color property?

**URL:** <https://forum.inductiveautomation.com/t/dropdown-text-color-property/52367>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 26, 2021, 9:24pm UTC](https://forum.inductiveautomation.com/t/dropdown-text-color-property/52367 "2021-10-26T21:24:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![agriner](https://avatars.discourse-cdn.com/v4/letter/a/b2d939/32.png) [@agriner](https://forum.inductiveautomation.com/u/agriner)\
**Post date:** [October 26, 2021, 9:24pm UTC](https://forum.inductiveautomation.com/t/dropdown-text-color-property/52367/1 "2021-10-26T21:24:55Z")

</div>

Is there a way to change the color property on a Dropdown component’s text? Changing the font and boldening the text works fine but actually changing the color doesn’t seem to work.

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [October 26, 2021, 9:33pm UTC](https://forum.inductiveautomation.com/t/dropdown-text-color-property/52367/2 "2021-10-26T21:33:42Z")

</div>

Interesting, the text color will change the “x” when an item is selected, but won’t change the selected items text color.  
The text color for options does work. Might be a bug?

---

<div class="post-metadata">

**Author:** ![matthew.gollasch](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.gollasch/32/26382_2.png) [@matthew.gollasch](https://forum.inductiveautomation.com/u/matthew.gollasch)\
**Post date:** [October 26, 2021, 9:54pm UTC](https://forum.inductiveautomation.com/t/dropdown-text-color-property/52367/3 "2021-10-26T21:54:12Z")

</div>

I get the same results as josborn on 8.1.11. Neither “style” or “dropdownOptionStyle” change the valuePill color.

In the theme, this color can be changed by modifying the CSS variable in “C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes\themeName\common”:

```auto
.ia_dropdown __valuePill__ value {
    color: var(--neutral-80);
}

```

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 27, 2021, 7:34am UTC](https://forum.inductiveautomation.com/t/dropdown-text-color-property/52367/4 "2021-10-27T07:34:28Z")

</div>

Someone else asked about this before, here was my fix.

> [@\[BUG-1535\] Perspective cannot change text colour of Dropdown component text](https://forum.inductiveautomation.com/t/bug-1535-perspective-cannot-change-text-colour-of-dropdown-component-text/37790/3):
>
> This is the evildoer: [image] should kinda be defaulted by ignition, as the color assigned there serves no purpose, (also what a weird class name) but can be fixed: change this into theme.css .ia\_dropdown\_\_valuePill\_\_value { color: unset; } or inject it into a styleclass }.ia\_dropdown\_\_valuePill\_\_value { color: unset; }{ [image] for the dropdown shape you can do the same for .ia\_dropdown\_\_expandIcon { fill: unset; }

you should not modify the base theme.css files but create a new one which overwrites that line. Or use css injection

---

<div class="post-metadata">

**Author:** ![agriner](https://avatars.discourse-cdn.com/v4/letter/a/b2d939/32.png) [@agriner](https://forum.inductiveautomation.com/u/agriner)\
**Post date:** [October 27, 2021, 12:07pm UTC](https://forum.inductiveautomation.com/t/dropdown-text-color-property/52367/5 "2021-10-27T12:07:49Z")

</div>

Thanks, everybody! It’s good to now that I’m not the only one that’s run into this.