Text field styling not working

Design help General
1

Not sure if this is a bug or I am doing something wrong. Never had this issue before. In the hero panel I have a simple contact form. I am trying to change the default text in the text fields and text area to white. However it jut will not change from grey for me?

https://preview.webflow.com/preview/wa-hydraulics?preview=96c12902f1f60e5728b5a50a7590f4fa

2

Hi!
If I understand correctly, you want to change the text of placeholder to white. 1 day ago I was asking about it Community Expert and it helped)

You need to insert code in Custom Code Screenshot by Lightshot
I wanted to change only color ot text, so my code was this (option !important is mandatory for color):

 <style>
        
    :-ms-input-placeholder {
       color:#FFFFFF !important;
    }
    
    ::-webkit-input-placeholder {
       color:#FFFFFF !important;
    }
    
    :-moz-placeholder {
       color:#FFFFFF !important;
    }
    
    /* firefox 19+ */
    ::-moz-placeholder {
       color:#FFFFFF !important;
    }
</style>

Changes are only visible on the published site!

I hope it was clearly written. :neutral_face:

1 Like
3

hey thanks Eka it worked! However I can’t recall ever having to do this in the past?

4

The color of the placeholder determined by the browser. not the site code.
As far as I know webflow could never change this color. Only using custom code.

1 Like
5

Thanks for the code, Eka!

I just ran into this problem. Why do we have to use custom code? This seems like a pretty basic feature.

6

Because, as @Eka noticed already, it is BROWSER settings, not site and not application or framework.

7

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