时间戳

首页 > 解决方案 > 页面在 Firefox 中无法正常工作，但在 chrome 中可以正常工作

javascript - 页面在 Firefox 中无法正常工作，但在 chrome 中可以正常工作

问题描述

所以我有一个带有电子邮件和密码输入的登录框。我有一些 javascript 可以让它在不为空时改变样式。每当输入聚焦时，我的 CSS 都会移动占位符。在我在 Firefox 中尝试之前，这一切都很好。首先，当占位符向上移动时，即使它具有display: block样式，它也会消失。
其次，在输入一些文本然后清空然后不再关注输入之后，输入顶部会出现一条奇怪的线。
我试过改变一些风格，但到目前为止没有任何效果。
这是我的 jsfiddle 页面的链接：https ://jsfiddle.net/Etibi/z231ogeL/

标签： javascripthtmlcssgoogle-chromefirefox

解决方案

首先，文本消失是因为background-clip: text只存在于webkit中，而Firefox中没有解决方案，这就是它什么都不显示的原因。

https://stackoverflow.com/a/4743930/3930247

https://stackoverflow.com/a/9363156/3930247

Firefox 中有一些渐变文本的解决方案，例如使用 SVG。另请查看：https ://codepen.io/giana/pen/RPdLaQ

推荐阅读