Placeholder color

[imJihyo]

Hi. I'm trying to change the color of the Text field's placeholder. I tried looking for a placeholder class inside Styles and change it there, however, it doesn't seem to change the color. I tried putting the code in the header but it still doesn't work. Any advice? Thanks!

 

Here's the code I'm using

<style>
.cbFormTextField_placeholder
{
 color: #a97bc7 !important;
}

</style>

[ParkLoey]

Hello @imJihyo,

I tried to recreate this on my end and for some reason, changing in the Styles or using a CSS code on the Header, but I tried to use this code. I tried to apply it both on the User-Defined Style section inside Styles and also on the Header section of the DataPage.

(If you will be using this on the Styles)

::placeholder {
    color: #a97bc7 !important;

}

 

(If you will be using this on the DataPage Header)

<style>

::placeholder {
    color: #a97bc7;

}

</style>

[ParkLoey]

Additionally, after reading a couple of articles about this, they suggest adding 

opacity: 1;

because the opacity of a placeholder in Firefox is lower.

I hope this helps.

[autonumber]

Hi! You can also configure it on Styles. Here is the screenshot: