css - 将元素设置为不透明度：0 在 Firefox 中禁用它

Question

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

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

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

Answer 1

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

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