CSS to change placeholder text color

Home Forums Product Support Forums Ajax Search Pro for WordPress Support CSS to change placeholder text color

This topic contains 2 replies, has 2 voices, and was last updated by jznash jznash 8 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8255
    jznash
    jznash
    Participant

    Hi, love the plugin!

    What is the CSS to change the color of the placeholder text?

    Thanks,

    Josh

    #8261
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    Thanks for your kind words!

    To have a different placeholder color, you will need to add the follosing custom CSS code:

    input.orig::-webkit-input-placeholder {
       color: #FFFFFF !important;
    }
     
    input.orig:-moz-placeholder { /* Firefox 18- */
       color: #FFFFFF !important;
    }
     
    input.orig::-moz-placeholder {  /* Firefox 19+ */
       color: #FFFFFF !important;
    }
     
    input.orig:-ms-input-placeholder { 
       color: #FFFFFF !important;
    }

    Just change the #FFFFFF value to the desired color value.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #8266
    jznash
    jznash
    Participant

    Perfect, thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘CSS to change placeholder text color’ is closed to new replies.