Css 造型“；输入文件”；-效果很好，但有一个小麻烦

我使用的是火狐3.6.6

我为我的“输入文件”设置了如下样式：

下面是代码：（实例）

HTML:

唯一的问题是，当鼠标位于此自定义按钮上时，光标会在

文本

和

默认值

之间变化，这是因为底层的“输入文件”（不可见）

有人知道如何将光标设置为

指针

，例如，当鼠标悬停在按钮上时

非常感谢

<input id="fileInput" style="display: none;" type="file" size="1" />

---

它似乎与您一起工作隐藏它并将光标：指针放在包装器上

您是否尝试过放置

光标：指针在CSS中？您是否尝试过
光标：指针在包装它的
上？是的，我试图放置
光标：指针关于我能想到的一切…这还不够好，因为一旦单击按钮，“选择文件”对话框就不会打开。
#wrapper {
    position: relative;
    width: 339px;
    height: 66px;
    background: -moz-linear-gradient(-70deg, 
                                     rgba(1, 36, 68, 0.9), 
                                     rgba(10, 103, 196, 0.9));
    -moz-box-shadow: inset -20px -20px 20px -20px rgba(0, 0, 0, 0.9), 
                     inset 20px 20px 20px -20px rgba(255, 255, 255, 0.7);
}
#fileInput {
    opacity: 0;
    font-size: 50px;
}
img {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 35px;
    top: 12px;
}
span {
    position: absolute;
    left: 95px;
    top: 7px;
    font-size: 40px;
    color: white;
}

<input id="fileInput" style="display: none;" type="file" size="1" />