CSS :autofill

Autofilling HTML enter parts is a frequent person motion that may drastically enhance person expertise. Hell, all of us autofill for our passwords and deal with data. However what management do now we have when enter parts have been autofilled?

So as to add customized CSS types to inputs whose contents have been autofilled by the browser, you should use the :autofill pseudo-class:

enter:autofill {
    border: 2px stable orange;

I am actually completely satisfied that browsers permit web site and app builders to customise the styling of parts which were modified by the browser. Autofill, to a level, is an unnatural act, so signaling to that the worth in an enter was modified with out management is essential.

Since totally different browsers and working methods typically type autofilled parts otherwise, :autofill is vastly helpful!

  • How to Create a Twitter Card
  • I’m an Impostor

    That is the toughest factor I’ve ever needed to write, a lot much less admit to myself.  I’ve written resignation letters from jobs I’ve liked, I’ve ended relationships, I’ve failed at a bunch of duties, and let myself down in my life.  All of these emotions have been very…

  • Introducing LazyLoad 2.0

    Whereas enhancements in browsers means extra cool APIs for us to play with, it additionally means we have to keep current code.  With Firefox 4’s launch got here information that my MooTools LazyLoad plugin was not intercepting picture loading — the photographs have been loading no matter…

  • Create a Simple Slideshow Using MooTools, Part II:  Controls and Events


Leave a Reply

Your email address will not be published.