Удалить желтый фон автозаполнение вход

Question

Я ищу решение для REMOVE желтого фона от входа автозаполнения .. Я нашел этот вопрос Removing input background colour for Chrome autocomplete? Но проблема в том, что у меня есть на вход линейного фоне

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

так это решение с -webkit-box-shadow: 0 0 0px 1000px white inset; не работает ...

Если это невозможно, мне нужно хотя бы изменить заполнение SVG на этом входе. Потому что проблема в том, что у меня есть белый значок SVG здесь и когда меняется фон цвет на желтый, это очень трудно, чтобы видеть это ...

.svg { 
    fill:black; 
} 

Answer 1

Если вам нужно изменить SVG заливки/ход, это может быть проще изменить его в коде SVG. Я не знаю, как вы приносите SVG, но в SVG-коде вам нужно будет искать заполнение и инсульт, пока не найдете элемент, который вам нужно изменить.

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

Answer 2

На самом деле существует решение, использующее коробчатую тень. Вы были очень близки к решению другого вопроса.
Хитрость заключается в использовании нескольких теней.

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

Заданное значение на входе ех: --- входной класс = тип "форма контроля формы контроля, твердый заполнитель-не-фикс" = "текст" заполнителем = "Новичок "name =" username_insta "required =" "Value =" some "-

Если вы установили значение, то Chrome не будет автоматически заполнен и цвет не изменится ... после этого выполните некоторую ясную форму.

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 

}

Работы для меня ...