input元素 实现不了cursor:pointer

今天做项目发现 当我在input元素中使用 type="file" 时,设置cursor:pointer,也就是想要实现鼠标经过时候,指针由“箭头”变为“手型”,就像下图所示:

input元素 实现不了cursor:pointer_第1张图片
pointer.jpg

在360浏览器下看效果的时候,发现鼠标的指针是下面图片这样的:

input元素 实现不了cursor:pointer_第2张图片
default.jpg

于是在 IE 、Firefox 下测试,鼠标指针是可以变成手型的。 在Opera,谷歌测试下,鼠标指针还是箭头。

查了一下资料,发现在input元素里面设置 font-size:0; 即可。

在IE FF Opera Chrome各内核测试下都回复正常。

你可能感兴趣的:(input元素 实现不了cursor:pointer)