chrome中,如何让鼠标移动到input上显示为手型,该input充满div,设置了手型也无效,代码如下

<div id="upload-file" class="op-btn upload-file-btn">
<span class="icon-upload-alt"></span><span>{% trans "Upload"%}</span>
<input type="file" name="file" multiple />
</div>

#upload-file input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    height:27px;
    width:100%;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

input充满了div,css里面设置了cursor:pointer;当鼠标移动到这个div上,鼠标不为手型，如何才能为手型。

---

你给的代码暂时还看不出来，不过有个改法，把cursor:pointer;写到外层的div上就行了。

---

#upload-file input:hover{
    cursor:pointer
}

貌似要加伪类:hover

---

提供一个思路：可以给input上面放一个透明的div， 完全覆盖到input；对该div设置cursor:pointer。 点击后，将焦点设置到input上。