Возник э литтл квесчен к профессионалам вёрстки
Я использую тайлвинд + тайлвинд материал юи
Например для инпутов
Всё окей, они отлично выглядят
до момента, пока браузер не начинает их автозаполнять -
В целом я нашёл подобные и около того проблемы, и решил это дописыванием стилей для автофилла браузера
Стало относительно нормально при автозаполнении -
Окей, ебучий бордер перечёркивает инпут тайлвинда, наверное тогда дописываем
И всё как бы почти идеально
Но есть ньюанс, если ты обновишь страницу -
И через буквально пол секунды, браузер как будто подхватывает фокус, и уже отображает инпуты нормально -
Причём, это ну, на дев моде, на хостинге - он ждёт клика в любое место страницы, чтобы обновить состояние в адекватное.
Шо делати
п.с. Вроде только хромиум, в лисе работает не так по-уебански
Подозреваю, что это так работает, что хром подкидывает автозаполнение до того как по факту подгружаются скрипты - и поэтому получается такая шняга.
Но ну
Я использую тайлвинд + тайлвинд материал юи
Например для инпутов
Всё окей, они отлично выглядят
до момента, пока браузер не начинает их автозаполнять -
В целом я нашёл подобные и около того проблемы, и решил это дописыванием стилей для автофилла браузера
CSS:
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: white;
-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0.5) inset;
transition: background-color 5000s ease-in-out 0s;
}
/* non-WebKit */
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
box-shadow: 0 0 0px 1000px rgba(0,0,0,0.5) inset;
-moz-text-fill-color: white;
}Стало относительно нормально при автозаполнении -
Окей, ебучий бордер перечёркивает инпут тайлвинда, наверное тогда дописываем
И всё как бы почти идеально
Но есть ньюанс, если ты обновишь страницу -
И через буквально пол секунды, браузер как будто подхватывает фокус, и уже отображает инпуты нормально -
Причём, это ну, на дев моде, на хостинге - он ждёт клика в любое место страницы, чтобы обновить состояние в адекватное.
Шо делати
п.с. Вроде только хромиум, в лисе работает не так по-уебански
Подозреваю, что это так работает, что хром подкидывает автозаполнение до того как по факту подгружаются скрипты - и поэтому получается такая шняга.
Но ну
Последнее редактирование:
