entfernen gelben Hintergrund autofill Eingang

Question

ich nach einer Lösung suchen eine remove gelben Hintergrund aus autofill Eingang .. ich diese Frage gefunden Removing input background colour for Chrome autocomplete? Aber das Problem ist, dass ich

background: linear-gradient(to bottom, red 0%, black 100%); 

so auf Eingangs linearen Hintergrund haben Diese Lösung mit -webkit-box-shadow: 0 0 0px 1000px weißer Einschub; funktioniert nicht ...

Wenn das nicht möglich ist, muss ich mindestens die Füllung von SVG in diesem Eingang ändern .. Weil das Problem ist, dass ich hier ein weißes SVG-Symbol habe und wenn sich der Hintergrund ändert Farbe gelb es wirklich schwer ist es zu sehen ...

.svg { 
    fill:black; 
} 

Answer 1

Wenn Sie das SVG-fill/Hub ändern müssen, kann es sein, am einfachsten in dem SVG-Code zu ändern. Ich bin mir nicht bewusst, wie Sie das SVG einbringen, aber im SVG-Code müssen Sie nach Füllung und Strich suchen, bis Sie das Element finden, das Sie ändern müssen.

<svg height="100" width="100"> 
    <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> 
</svg> 

Answer 2

Es gibt tatsächlich eine Lösung, die Box-Schatten verwendet. Sie waren der Lösung der anderen Frage sehr nahe.
Der Trick besteht darin, mehrere Schatten zu verwenden.

input:-webkit-autofill { 
 
    -webkit-box-shadow: inset 0 .5em 1em 0 red, 
 
         inset 0 -.5em 1em 0 black; 
 
}

<input id="email" name="email" type="email">

Answer 3

Sollwert an Eingang ex: --- Eingang class = "formSteuer Form-Steuer feste Platzhalter-no-fix" type = "text" Platzhalter = "USUARIO "name =" benutzername_insta "erforderlich =" "Wert =" etwas "-

Wenn Sie den Wert" Chrome nicht automatisch abgeschlossen "und die Farbe nicht ändern ... danach festlegen, führen Sie ein klares Formular aus.

function clearForms() { 
// variable declaration 
var x, y, z, type = null; 
// loop through forms on HTML page 
for (x = 0; x < document.forms.length; x++) { 
    // loop through each element on form 
    for (y = 0; y < document.forms[x].elements.length; y++) { 
     // define element type 
     type = document.forms[x].elements[y].type; 
     // alert before erasing form element 
     //alert('form='+x+' element='+y+' type='+type); 
     // switch on element type 
     switch (type) { 
     case 'text': 
     case 'textarea': 
     case 'password': 
     //case "hidden": 
      document.forms[x].elements[y].value = ''; 
      break; 
     case 'radio': 
     case 'checkbox': 
      document.forms[x].elements[y].checked = ''; 
      break; 
     case 'select-one': 
      document.forms[x].elements[y].options[0].selected = true; 
      break; 
     case 'select-multiple': 
      for (z = 0; z < document.forms[x].elements[y].options.length; z++) { 
       document.forms[x].elements[y].options[z].selected = false; 
      } 
      break; 
     } // end switch 
    } // end for y 
} // end for x 

}

Arbeiten für mich ...