How to Change Autofill Color | Need CSS Rule

  • Resolved Generosus

    (@generosus)


    1 year, 7 months ago

    Good Day,

    Please provide a CSS Rule that will allow us to change the autofill color for the fields “Name“, ” Email“, and others (as applicable) from Yellow to Green (or some other color). Details: https://prnt.sc/RIayEMaEZfJ-

    Also, it would be great if you can update your plugin’s settings section Styles and Colors > General Colors to introduce a new settings option titled, “Autofill Color.” Details: https://prnt.sc/1W9tgSn_gjlf

    To assist you, we are currently using the CSS Rule provided below to change the autofill color on all of our website forms, but it does not work with wpDiscuz. The CSS Rule works well with all browsers (something to keep in mind).

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 60px #dff0d8 inset!important;
    }

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support gVectors Support

    (@gvectorssupport)

    You should use the CSS code.

    BTW: the CSS code in your code works fine in our case.

    Thread Starter Generosus

    (@generosus)

    Hey @gvectorssupport,

    Thanks for checking. We performed a plugin conflict test and cleared all cache. Still, the CSS Rule is not working for us. What did we miss?

    Also, if you’re certain it’s working at your end, why not add the settings option we mentioned above to your plugin? Would be a nice addition.

    Again, thank you.

    Thread Starter Generosus

    (@generosus)

    Update:

    Please disregard this request. We have learned that Yellow is a universal autofill color used by all browsers and most websites.

    Yellow symbolizes “warning, you’re about submit data that was extracted from your autofill database. Please confirm data is correct before submitting the form.”

    We’re sticking with it ??

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Change Autofill Color | Need CSS Rule’ is closed to new replies.