美文网首页
input元素 实现不了cursor:pointer

input元素 实现不了cursor:pointer

作者: Amfishers | 来源:发表于2016-04-22 10:23 被阅读1016次

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

pointer.jpg

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

default.jpg

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

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

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

相关文章

网友评论

      本文标题:input元素 实现不了cursor:pointer

      本文链接:https://www.haomeiwen.com/subject/tbfxrttx.html