# How to customize placeholder colour of nodered edit dropdown node

**URL:** https://discourse.nodered.org/t/how-to-customize-placeholder-colour-of-nodered-edit-dropdown-node/70106
**Category:** Dashboard
**Created:** [4 November 2022 22:34 UTC](https://discourse.nodered.org/t/how-to-customize-placeholder-colour-of-nodered-edit-dropdown-node/70106 "2022-11-04T22:34:08Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![bertaud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bertaud/32/80981_2.png) [@bertaud](https://discourse.nodered.org/u/bertaud)
#### Post date: [4 November 2022 22:34 UTC](https://discourse.nodered.org/t/how-to-customize-placeholder-colour-of-nodered-edit-dropdown-node/70106/1 "2022-11-04T22:34:08Z")

</div>

i want to change text color of placeholder node information and succeed to do it  
an idea ?

---

<div class="post-metadata">

### Author: ![bertaud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bertaud/32/80981_2.png) [@bertaud](https://discourse.nodered.org/u/bertaud)
#### Post date: [6 November 2022 11:59 UTC](https://discourse.nodered.org/t/how-to-customize-placeholder-colour-of-nodered-edit-dropdown-node/70106/2 "2022-11-06T11:59:13Z")

</div>

i fix the problem with edit template node with following content at the input od edit dropdown node

```auto
<style>
md-select, .md-select-placeholder, .md-select-trigger {
  color:white !important;
}
</style>

```

---

<div class="post-metadata">

### Author: ![Mikee1234K](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mikee1234k/32/70283_2.png) [@Mikee1234K](https://discourse.nodered.org/u/Mikee1234K)
#### Post date: [11 November 2022 12:16 UTC](https://discourse.nodered.org/t/how-to-customize-placeholder-colour-of-nodered-edit-dropdown-node/70106/3 "2022-11-11T12:16:07Z")

</div>

> [@bertaud](#):
>
> ```auto
> md-select, .md-select-placeholder, .md-select-trigger {
> color:white !important;
> 
> ```

This is very interesting. It worked for me, but only on a few dropdown menus, and I dont understand why. The are on the same flow page, and my template is added to site head (I also tried adding it to widget.  
The red is what I wanted to dropdown text to be like on the AC group, but its still white on the Heating group. Even in the AC group, on the top one its still white.

This is what I put in my style template

 :root md-select, .md-select-placeholder, .md-select-trigger { color:red !important; }

This is a screenshot of the result

 ![NR dropdown](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/f/9f7a1224567ad58ad5560943116a0f1a86e4b5b9.png)

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [25 November 2022 12:16 UTC](https://discourse.nodered.org/t/how-to-customize-placeholder-colour-of-nodered-edit-dropdown-node/70106/4 "2022-11-25T12:16:19Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
