Предотвращение изменения цвета в Edge и Chrome на автоформе - PullRequest
Новая
       66

Предотвращение изменения цвета в Edge и Chrome на автоформе

0 голосов
/ 06 марта 2019

Я создал встроенное платежное решение на своей веб-странице.После того как я внес платеж и ввел свое имя, адрес и т. Д., Edge и Chrome (и, возможно, другие тоже) предлагают сохранить мою информацию для меня.Нет проблем с этим.Когда я делаю новый платеж, браузеры предлагают некоторые сохраненные данные формы.Также хорошо со мной.Но когда я нажимаю на сохраненную информацию, цвет моих элементов (имя, адрес), которые были заполнены для меня, меняются.Перед использованием данных формы фон прозрачен, в то время как текст имеет вид # D8D8D8, после использования данных формы цвет фона становится # E5F1FB, а цвет текста почти черный.Я хотел бы, чтобы фон стал прозрачным (или оставался прозрачным)

Как можно запретить браузерам изменять цвета при использовании сохраненных данных формы?Не знаю, возможно ли это, и если возможно, если это должно быть сделано с помощью Javascript (jQuery) или CSS или что-то еще.

До сих пор я пробовал с CSS: 

.subscription_payment:-webkit-autofill,  
.subscription_payment:-webkit-autofill:hover,  
.subscription_payment:-webkit-autofill:focus,  
.subscription_payment:-webkit-autofill:active  
 {  
 -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";  
 -webkit-transition-delay: 9999s;  
 transition: color 9999s ease-in-out, background-color 9999s ease-in-out;  
 transition-delay: 9999s;  
 -webkit-box-shadow: 0 0 0 30px red inset !important;  
 -webkit-text-fill-color: blue !important;  
 -webkit-background-fill-color: yellow !important;  
 -webkit-box-shadow: 0 0 0px 1000px white inset !important;  
}

Я пробовал в Edge и Chrome.ЦВЕТ ТЕКСТА изменяется в Chrome, а не в Edge.Цвет фона не меняется

Альберт

Ответы [ 2 ]

0 голосов
/ 20 апреля 2019

Ответ был настолько прост, что я никогда не думал об этом: не используйте form-tags:)

AutoFORM действует только на HTML-тег формы, но для отправки информации в бэкэнд вы неМне нужна форма.Как только я удалил входные данные, которые запрашивают «имя», «Компания», «адрес 1», «адрес 2», «почтовый индекс», «город», «округ» и «страна» из HTML-формы,чтобы в форме была только информация о кредитной карте, проблема исчезла:)

Альберт

0 голосов
/ 06 марта 2019

Если вы говорите об автозаполнении, я обычно использую этот небольшой фрагмент CSS, чтобы отключить входящий цвет фона. 


.subscription_payment:-webkit-autofill,  
.subscription_payment:-webkit-autofill:hover,  
.subscription_payment:-webkit-autofill:focus,  
.subscription_payment:-webkit-autofill:active  
 {
   -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
   -webkit-transition-delay: 9999s;
   transition: color 9999s ease-out, background-color 9999s ease-out;
   transition-delay: 9999s;
}

Надеюсь, это поможет вам.

...