Override browser form-filling and input highlighting with HTML/CSS

by

Trick it with a “strong” inside shadow:

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;/*your box-shadow*/
    -webkit-text-fill-color: #333;
}

More Related Contents:

  1. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  2. Is there any way to change input type=”date” format?
  3. Put icon inside input element in a form
  4. How to customize ?
  5. Styling text input caret
  6. Style input type file? [duplicate]
  7. Google Chrome form autofill and its yellow background
  8. Is there a way to style part of an input field’s value? [duplicate]
  9. Change cursor type on input type=”file” [duplicate]
  10. Why cannot change checkbox color whatever I do? [duplicate]
  11. Is it possible to always show up/down arrows for input “number”?
  12. Changing the highlight color when selecting text in an HTML text input
  13. How to change the text color of first select option
  14. How to get rid of x and up/down arrow elements of a input date?
  15. What is the best way to replace the file browse button in html?
  16. Make input element (type=”text”) handle multiple lines of text
  17. Disabling Chrome Autofill
  18. SVG drop shadow using css3
  19. CSS background-image-opacity?
  20. Fixed Table Cell Width
  21. :nth-child(even/odd) selector with class [duplicate]
  22. How to CSS: select element based on inner HTML [duplicate]
  23. How can I make the HTML5 number field display trailing zeroes?
  24. Equalize the height of left and right div, prevent right div from going below left div
  25. Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
  26. How can I create a wavy shape CSS?
  27. CSS Zigzag Border with a Textured Background
  28. How can I control the width of a label tag?
  29. “break-inside: avoid-column” doesn’t work in Firefox
  30. Complete list of reasons why a css file might not be working

Leave a Comment