Javascript 更改firefox输入文件标记中的光标样式

我一直试图将光标样式更改为指针样式，而不是I-beam样式，但FF似乎不遵守输入文件字段中的光标规范。例如，我制作了一个小提琴：当用户将光标悬停在上面时，我希望光标看起来像指针，而不是Ibeam。我的最终计划是引入不透明度==0，并在其上使用可单击的按钮

---

我不确定这种行为是否是一个bug。

更好的解决方案是显示：无文件输入，并使用您的按钮。单击它（）

编辑：经过一些测试后，我注意到safari不允许我使用。单击（）文件输入，因为它被设置为显示：无，所以我创建了一个似乎在所有浏览器中都能工作的文件输入。我只是通过定位/可见性隐藏了文件输入，而不是显示：无

---

参考资料：

谢谢你的介绍，肖恩。然而，你的小提琴在FF上不起作用，“我的自定义文件按钮”在我的linux机器上仍然显示我的FF 13.0.1上的I光束。哈哈，在我兴奋不已的时候，我只是忘了添加光标：指向#按钮的指针。我太忙了，没时间专注于定制按钮的点击。你去吧，谢谢你，肖恩。我是按照你的建议来实施的。它现在可以在Chrome上正常工作。但是，在FF中，当我点击按钮上传时，它会打开两个文件上传窗口。。你知道为什么会这样吗？在Chrome中，一切正常-一个文件选择窗口按预期打开；然后看看文件输入是否在你的按钮上方——可能是firefox没有按照定位将其移出页面（隐藏）。这将导致两个click（）事件发生-一个在文件输入上，一个在按钮上-打开两个窗口。如果我删除可见性：hidden和opacity=0（删除这两个），我现在在Firefox中有3个窗口，在Chrome中有2个窗口！奇怪！可能重复：