~ 4 мин.
В формах, Chrome автоматически заполняет поля электронной почты и пароля. Это абсолютно нормальная и удобная фишка, однако Chrome меняет цвет фона на бледно-желтый, который может очень сильно подпортить дизайн.
Вадим Пашаев
3/20/2022
В формах, Chrome автоматически заполняет поля электронной почты и пароля. Это абсолютно нормальное и удобная фишка, однако Chrome меняет цвет фона на бледно-желтый, который может очень сильно подпортить дизайн. Сейчас покажем как эту ситуацию можно исправить.
Код ниже прекрасно работает, вы можете изменить стили ввода поля, а также стили текста внутри поля ввода:
Здесь вы можете использовать любой цвет, например white, #DDD, rgba(102, 163, 177, 0.45).
Но transparent здесь не сработает.
Как можно изменить цвет текста:
Совет: не используйте большой радиус размытия (сотни или тысячи). Это бесполезно и может привести к загрузке процессора на более слабых мобильных устройствах. (Также верно для реальных внешних теней). Для обычного поля ввода высотой 20px «радиус размытия» 30px будет его полностью охватывать.