Страница не работает должным образом в Firefox, но отлично работает в chrome - PullRequest
0 голосов
/ 31 января 2020

Итак, у меня есть поле для входа с адресом электронной почты и паролем. У меня есть javascript, чтобы изменить стиль, когда он не пустой. My CSS перемещает заполнитель всякий раз, когда ввод фокусируется. Это все работает нормально, пока я не попробовал в Firefox. Во-первых, когда заполнитель перемещается вверх, он исчезает, даже если у него есть стиль display: block.
Во-вторых, после того, как вы набрали текст, затем опустели и перестали фокусироваться на вводе, в верхней части ввода появилась странная строка.
Я пытался изменить некоторые стили, но пока ничего не получалось.
Вот ссылка на мою страницу jsfiddle: https://jsfiddle.net/Etibi/z231ogeL/

1 Ответ

0 голосов
/ 31 января 2020

Прежде всего, текст исчезает, потому что background-clip: text существует только в веб-наборе, а в Firefox нет решения, поэтому он ничего не показывает.

{ ссылка }

{ ссылка }

В градиенте текста в Firefox есть несколько решений, например использование SVG. Также проверьте это: https://codepen.io/giana/pen/RPdLaQ

...