删除黄色背景自动填充输入

Question

我正在寻找一个从自动填充输入中删除黄色背景的解决方案。我发现了这个问题，Removing input background colour for Chrome autocomplete?，但问题是，我在输入线性背景上

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

因此，这个解决方案与-webkit-box-阴影:0 0 0px 1000 0px白色嵌入；不工作.

如果这是不可能的，我至少需要在这个输入中更改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

设置输入ex的值：-输入class=“窗体-控制-控制-固体占位符-不修正”type=“文本”placeholder="Usuário“name="username_insta”“required="”Value=“--

如果您设置的值，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

}

为我工作..。