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

Css 删除黄色背景自动填充输入,css,input,background,autofill,linear-gradients,Css,Input,Background,Autofill,Linear Gradients,我正在寻找从自动填充输入中删除黄色背景的解决方案。。 我发现了这个问题 但问题是,我有输入线性背景 background: linear-gradient(to bottom, red 0%, black 100%); 因此此解决方案带有-webkit盒阴影:0 0px 1000px白色插图不起作用 如果这不可能,我至少需要更改此输入中SVG的填充。。因为问题是,我这里有一个白色的SVG图标,当背景颜色变为黄色时,很难看到它 .svg { fill:black; } 如果需要更改SV

我正在寻找从自动填充输入中删除黄色背景的解决方案。。 我发现了这个问题 但问题是,我有输入线性背景

background: linear-gradient(to bottom, red 0%, black 100%);
因此此解决方案带有-webkit盒阴影:0 0px 1000px白色插图不起作用

如果这不可能,我至少需要更改此输入中SVG的填充。。因为问题是,我这里有一个白色的SVG图标,当背景颜色变为黄色时,很难看到它

.svg {
    fill:black;
}

如果需要更改SVG填充/笔划,在SVG代码中更改它可能是最简单的。我不知道您是如何引入SVG的,但是在SVG代码中,您需要搜索fill和stroke,直到找到需要更改的元素

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

如果需要更改SVG填充/笔划,在SVG代码中更改它可能是最简单的。我不知道您是如何引入SVG的,但是在SVG代码中,您需要搜索fill和stroke,直到找到需要更改的元素

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

实际上有一种解决方案使用了框阴影。您与另一个问题的答案非常接近。
诀窍是使用多个阴影

input:-webkit自动填充{
-webkit盒阴影:嵌入0.5em 1em 0红色,
插图0-.5em 1em 0黑色;
}

实际上有一种解决方案使用了框阴影。您与另一个问题的答案非常接近。
诀窍是使用多个阴影

input:-webkit自动填充{
-webkit盒阴影:嵌入0.5em 1em 0红色,
插图0-.5em 1em 0黑色;
}
设置输入值,例如: ---input class=“表单控制表单控制实体占位符无修复”type=“text”占位符=“Usuário”name=“username\u 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
函数clearForms(){
//变量声明
变量x,y,z,type=null;
//在HTML页面上循环浏览表单
对于(x=0;x
函数clearForms(){
//变量声明
变量x,y,z,type=null;
//在HTML页面上循环浏览表单
对于(x=0;x