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
}
适用于我…输入设置值例如:
---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
}
适合我…一切都简单得多,只需添加:
input{
filter: none;
}
一切都简单得多,只需添加:
input{
filter: none;
}
不幸的是,Chrome无法覆盖这种样式。框阴影选项只是隐藏了它…我担心你会失去战斗,而不是用替换元素完全替换输入。我添加了另一种可能性…不幸的是,Chrome无法覆盖此样式。“框阴影”选项只是隐藏了它…我担心你正在失去战斗,而不是用替换元素完全替换输入。我添加了另一种可能性..嗯,这不是一个解决方案:(-我可以更改svg颜色,但我只需要在自动填充输入中使用此svg的不同颜色。.您如何引入svg?svg标记、IMG标记等?嗯,这不是一个解决方案:(-我可以改变SVG颜色,但是我只需要在自动填充输入中为这个SVG需要不同的颜色……你是如何引入SVG?SVG标签,IMG标签等等的?不工作-中间还是黄色的。如果你让输入更高,你会的。see@Annie输入有多高?然后相应地调整阴影大小。不工作-仍为黄色在中间-如果你让输入更高