css - 将元素设置为不透明度 : 0 disables it in Firefox

Question

我试图通过将其不透明度设置为 0 的常用方法来屏蔽上传输入元素，然后用图像覆盖它(指针事件设置为无)，以便它有效地屏蔽输入更好的 -查找按钮，但当您单击该区域时，提交仍会触发。

这一切都很好，除了在 Firefox 中，它似乎在元素上设置 opacity: 0 来禁用它？

有人知道解决这个问题的方法吗？

Answer 1

您可以使用 @-moz-document url-prefix() { 来排除 firefox css。像这样的例子

@-moz-document url-prefix() {
    .content {
        opacity: 1 !important;
    }
}