我正在寻找一种从自动填充输入中删除黄色背景的解决方案。 我发现了这个问题Removing input background colour for Chrome autocomplete? 但问题是,我有输入线性背景
background: linear-gradient(to bottom, red 0%, black 100%);
所以这个解决方案用 -webkit-box-shadow:0 0 0px 1000px白色插图不起作用......
如果这不可能,我至少需要在此输入中更改SVG的填充。因为问题是,我在这里有一个白色的SVG图标,当背景颜色变为黄色时,它就会出现问题。很难看到它......
.svg {
fill:black;
}
答案 0 :(得分:0)
如果您需要更改SVG填充/笔划,最简单的方法是在SVG代码中更改它。我不知道你是如何引入SVG的,但是在SVG代码中,你需要搜索填充和描边,直到找到你需要改变的元素。
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
答案 1 :(得分:0)
实际上有一种使用box-shadow的解决方案。你对另一个问题的解决方案非常接近 诀窍是使用多个阴影。
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">
答案 2 :(得分:0)
在输入ex上设置值: --- input class =“form-control form-control-solid placeholder-no-fix”type =“text”placeholder =“Usuário”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
}
适合我...
答案 3 :(得分:0)
一切都变得简单得多,只需添加:
input{
filter: none;
}