input元素 实现不了cursor:pointer

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

pointer.jpg

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

default.jpg

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,694评论 1 92
  • 0. HTML对象获取问题 3 0. const问题 3 0. event.x与event.y问题 3 0. wi...
    赵长安啊阅读 3,544评论 0 0
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,192评论 2 19
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 5,037评论 0 1
  • 走在一个快乐的城市中 连一颗树也是充满诗意的生长着 走在那个有你的城市中 我总是期待一个 甜蜜而不缺浪漫的邂逅 爱...
    浅夜__阅读 2,299评论 0 0

友情链接更多精彩内容