"35.172.217.40 - 35.172.217.40"

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

Я ищу решение для удаления желтого фона из ввода автозаполнения. Я нашел этот вопрос Удаление цвета фона ввода для автозаполнения Chrome. Но проблема в том, что у меня есть входной линейный фон

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

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

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

.svg {
    fill:black;
}
0
источник поделиться
3 ответа

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

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
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">
0
источник

Set Value на входе 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

}

Работает на меня...

0
источник

Посмотрите другие вопросы по меткам или Задайте вопрос