css游标问题

Question

请参考这个小提琴。

http://jsfiddle.net/EVRGr/

这里我已将文件字段更改为文本链接。单击此“上传文件”时，我们可以选择系统文件。现在我想在将鼠标悬停在“上传文件”链接上时将光标更改为手。

Answer 1

设置文件输入样式很困难。你的CSS很糟糕。即使您以某种方式使其工作，请注意，一旦您在其中查看的浏览器收到更新，它可能会在一夜之间停止工作。如果你真的必须有一个文本按钮而不是标准输入字段，那么使用Uploadify等解决方案要好得多。

Answer 2

您对输入的position: relative;和top: -40px;的使用涵盖了锚点。

同样，要在锚点上显示指针光标，您需要包含标记的href属性。

http://jsfiddle.net/EVRGr/1/

cursor: pointer;是正确的CSS，而!important 不是是个好主意。

Answer 3

您的问题不在于cursor:pointer无效（默认情况下，您的链接/输入无论如何都会有此样式）。

我可以看到你试图让它看起来好像链接是文件上传控件，并且已经放置了一些hacky CSS来实现这一点。

我认为你很难让这个跨浏览器工作。

如果您希望设置input[type=file]的样式，可以阅读本文以获取更多信息：

http://www.quirksmode.org/dom/inputfile.html