CSS: Удалить ввод текста пароля зеленым подчеркиванием - Chrome Автозаполнение - PullRequest
Новая
       19

CSS: Удалить ввод текста пароля зеленым подчеркиванием - Chrome Автозаполнение

0 голосов
/ 02 мая 2020

enter image description here

Как убрать ярко-зеленое подчеркивание, которое добавляется в поле для входа password поле, которое, я думаю, chrome добавляет. Мой текущий дизайн в использовании materializecss и хотя и незначительный, выглядит странно и меняет эстетику формы. Я уже сделал chrome поля автозаполнения прозрачными, используя приведенный ниже код. 

@-webkit-keyframes autofill {

    0%,
    100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s;
    /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

Materialize добавляет подчеркивание teal в соответствии с темой дизайна. Я хочу сохранить это.

1 Ответ

0 голосов
/ 02 мая 2020

Я ошибался, Chrome не виновник. Подчеркивание добавлено классом materializecss 

      <input type="password" name="password" class="validate">

Validate, который я включил в поле пароля, показывает ярко-зеленый для действительного и красный для недействительного. Лично я думаю, что это по умолчанию Teal дизайн подчеркивания. Убрал то же самое. 

      <input type="password" name="password">
...