Chrome: User-Agent Sheet für transparenten Hintergrund deaktivieren

Question

ich auf einige der ähnlichen Fragen kam wie:

Override browser form-filling and input highlighting with HTML/CSS und chrome : how to turn off user agent stylesheet settings?

Aber leider nichts haben mir geholfen, mein Problem zu lösen.

Ich habe eine Webseite, wo ich Hintergrund aller Eingänge auf transparent gesetzt habe.

In Chrom, aufgrund der Benutzer-Agent-Stylesheet, behält es den gelben Hintergrund und ich kann nicht festgelegt, dass es weiß oder eine andere Farbe. Weder kann ich die Dev-Einstellungen abschalten, weil der Benutzer das nicht bemerkt.

Ich brauche eine CSS oder Jquery-Lösung für diese.

Bitte helfen.

Update - 1

https://jsfiddle.net/hiralvadodaria/8b7a4o23/21/

dieses CSS ohne Glück verwendet:

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill { 
    -webkit-box-shadow: 0 0 0px 1000px white inset; 
    background:none !important; 
    background-color: rgb(0,0,0,0) !important; 

    background-image: none !important; 
    color: rgb(0, 0, 0); 
    -webkit-box-shadow:none !important; 
    -moz-box-shadow:none !important; 
    box-shadow:none !important; 
} 

hier ist die Geige. aber ich bin nicht in der Lage, den Benutzernamen/das Passwort dort zu speichern und daher nicht in der Lage, das genaue Problem zu zeigen.

finden Sie stattdessen ein Bild von meinem Projekt.

Answer 1

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus 
input:-webkit-autofill, 
textarea:-webkit-autofill, 
textarea:-webkit-autofill:hover 
textarea:-webkit-autofill:focus, 
select:-webkit-autofill, 
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus { 
    -webkit-text-fill-color: #fff !important; 
    -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important; 
    transition: background-color 5000s ease-in-out 0s !important; 
} 

Versuchen Sie, diese

aktualisieren

, wenn der Code oben aus irgendeinem Grund nicht für Sie arbeiten, hier ist ein anderes:

@-webkit-keyframes autofill { 
     to { 
      color: #fff; 
      background: transparent; 
     } 
    } 

    input:-webkit-autofill, 
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus, 
    textarea:-webkit-autofill, 
    textarea:-webkit-autofill:hover, 
    textarea:-webkit-autofill:focus, 
    select:-webkit-autofill, 
    select:-webkit-autofill:hover, 
    select:-webkit-autofill:focus { 
     -webkit-animation-name: autofill; 
     -webkit-animation-fill-mode: both; 
    }