Информация об изменениях

Сообщение Re[4]: [Firefox] Баг 20-летней давности от 15.02.2021 14:39

Изменено 15.02.2021 14:40 Lazytech

Re[4]: [Firefox] Баг 20-летней давности
Здравствуйте, ути-пути, Вы писали:

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


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

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

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


Спасибо, я уже в курсе, что это такое и для чего используется. Насколько я понял, заглянув в CSS-код normalize.css/ и https://github.com/murtaugh/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;
}

Проверено, работает.
Re[4]: [Firefox] Баг 20-летней давности
Здравствуйте, ути-пути, Вы писали:

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


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

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

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


Спасибо, я уже в курсе, что это такое и для чего используется. Насколько я понял, заглянув в CSS-код normalize.css и https://github.com/murtaugh/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;
}

Проверено, работает.