Re[4]: [Firefox] Баг 20-летней давности
От: Lazytech Ниоткуда  
Дата: 15.02.21 14:39
Оценка:
Здравствуйте, ути-пути, Вы писали:

УП>Открой для себя CSS reset


УП>https://github.com/necolas/normalize.css/

УП>https://github.com/murtaugh/HTML5-Reset

УП>И десятки других


Спасибо, я уже в курсе, что это такое и для чего используется. Насколько я понял, заглянув в CSS-код normalize.css и HTML5-Reset, ни одна из этих двух либ не обеспечивает единообразного отображения нажатой кнопки. Хотя, наверное, можно поискать другие...

Сегодня обнаружил в Chrome одну навязчивую фичу: если при вводе в контроле <input type="text" ...> выбрать одно из подсказанных браузером значений, то фон контрола принудительно станет сероватым, а текст — черным. Штатным способом эта фича не отключается, но можно применить грязный хак:
/* https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/ */
input.registration-form__input__field:-webkit-autofill,
input.registration-form__input__field:-webkit-autofill:hover, 
input.registration-form__input__field:-webkit-autofill:focus {
    /* Prevents Chrome from applying its own styles on autofill */
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
    -webkit-text-fill-color: #2C2738;
}

Проверено, работает.
Отредактировано 15.02.2021 14:41 Lazytech . Предыдущая версия . Еще …
Отредактировано 15.02.2021 14:40 Lazytech . Предыдущая версия .
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.