首页 > 代码库 > 通过css选择器class给元素添加cursor的坑
通过css选择器class给元素添加cursor的坑
笔者在chrome中遇到了奇特的问题，在通过class给元素添加cursor的自定义图片时。出现了"Invald property value"提示，crosshair、help等属性值可以生效。
图片却不行，自己研究后发现两个大坑。
一个是图片宽或者高需要有一边小于或等于32px。
另一个很重要就是不能用class选择器。
例如:
<style type="text/css">
.foo{
width:100px;
height:100px;
cursor:url(http://www.w3school.com.cn/ui2017/compatible_chrome.png)
}
</style>
<div class="fbox">
<div class="foo"></div>
</div>
这么写会被提示chrome "Invald property value",只能用.fbox div或者.fbox div:first-child来赋值样式属性。
<style type="text/css">
.fbox div{
width:100px;
height:100px;
cursor:url(http://www.w3school.com.cn/ui2017/compatible_chrome.png)
}
</style>
<div class="fbox">
<div class="foo"></div>
</div>
通过css选择器class给元素添加cursor的坑
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。