Placeholder color text when active

  • Resolved wpman

    (@photoman6300)


    2 years, 5 months ago

    Hi, I created a search field with a white background.
    I needed the text “search…” in black, so I used that CSS and it works fine:
    `#ajaxsearchlite1 > div > div.proinput > form > input.orig:-ms-input-placeholder {
    color: r#000!important;
    font-family: ‘Ubuntu’ !important;
    }
    #ajaxsearchlite1 > div > div.proinput > form > input.orig::-ms-input-placeholder {
    color: #000 !important;
    font-family: ‘Ubuntu’ !important;
    }

    #ajaxsearchlite1 > div > div.proinput > form > input.orig::placeholder {
    color: #000 !important;
    font-family: ‘Ubuntu’ !important;
    }

    BUT…., the problem is that when I start typing, the text goes back to white, and I can’t find the CSS to make it black !

    Thanks for helping !

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi,

    You will also have to change the actual input color besides the placeholders:

    #ajaxsearchlite1 > div > div.proinput > form > input.orig {
    color: #000 !important;
    font-family: "Ubuntu" !important;
}

    That should do the trick ??

    Best,
    Ernest M.

    Thread Starter wpman

    (@photoman6300)

    Great. Thanks !

    Plugin Author wpdreams

    (@wpdreams)

    You are very welcome ??

    Feel free to rate the plugin if you like it, it is greatly appreciated ??

    All the best,
    Ernest M.

    Thread Starter wpman

    (@photoman6300)

    Done ! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Placeholder color text when active’ is closed to new replies.