[英]Page doesn't work as intended in Firefox but works fine in chrome
所以我有一个带有电子邮件和密码输入的登录框。 我有一些 javascript 可以让它在不为空时改变样式。 每当输入聚焦时，我的 CSS 就会移动占位符。 这一切都很好，直到我在 Firefox 中尝试过。 首先，当占位符向上移动时，即使它具有display: block样式，它也会消失。
其次，在输入一些文本然后清空然后不再关注输入后，输入顶部会出现一条奇怪的线。
我试过改变一些风格，但到目前为止没有任何效果。
这是我的 jsfiddle 页面的链接： https ://jsfiddle.net/Etibi/z231ogeL/
首先，文本消失是因为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
强制仅数字js函数在Firefox中不起作用，但在Chrome和IE中可以正常工作
[英]Force numeric only js function doesn't work in Firefox but in Chrome & IE works fine
Firefox无法正常播放动画gif（在Chrome中运行正常）
[英]Firefox doesn't play animated gif properly (works fine in Chrome)
string.split无法在Firefox中正常工作？ 在Chrome中正常运行
[英]string.split not working as intended in Firefox? Works fine in Chrome
Chrome无法处理Onclick事件，但在Firefox中可以正常运行
[英]Onclick event doesn't handle in Chrome, but work fine in Firefox
function 在 Chrome 中工作正常，但在 Firefox 中不起作用
[英]function works fine in Chrome but does not work in Firefox
为什么这个 function 在 Safari 中不起作用？ （在 Chrome 中工作正常）
[英]Why doesn't this function work in Safari? (works fine in Chrome)
iFrame 在 Chrome 中不起作用（在 FF、IE 和 Safari 中工作正常）
[英]iFrame doesn't work in Chrome (works fine in FF, IE and Safari)
.unbind（'submit'）。submit（）在Chrome / IE中有效，但在Firefox中无效
[英].unbind('submit').submit() works in Chrome/IE but doesn't work in Firefox
JS正则表达式代码不适用于Firefox，但适用于Chrome和IE
[英]JS regex code doesn't work with firefox, but works on chrome and IE
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
