求解html 自定义鼠标指针的问题
一个页面能否在不同状态下使用两种自定义光标(cursor)?例如我整个页面的鼠标指针设置为自定义1,当鼠标在主体部分选择文字时,把此时的鼠标样式改为自定义2。我用的::s...
一个页面能否在不同状态下使用两种自定义光标(cursor )?
例如我整个页面的鼠标指针设置为自定义1,当鼠标在主体部分选择文字时,把此时的鼠标样式改为自定义2。我用的::selection伪类来设置选择状态,w3cschool上也说::selection是有cursor 属性的啊,但我不管怎么尝试都发现俩鼠标样式只会显示第一个,这个是否有解?只要能在chrome下解决就行了,如能兼顾其他浏览器更好,求解
<style type="text/css">
body{
margin: 0;
padding: 0;
width: 100%;
height: 700px;
cursor: url(http://saber-else.qiniudn.com/01.cur) 8 8,default;
}
#a{
width: 1000px;
height: 600px;
background: #eee;
margin: 20px auto 0;
}
#a:hover{
}
#a::selection{
background: #aaa;
color:#fff;
cursor: url(http://saber-else.qiniudn.com/02.cur) 8 8,default;
}
</style>
<div id="a">
雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊
</div> 展开
例如我整个页面的鼠标指针设置为自定义1,当鼠标在主体部分选择文字时,把此时的鼠标样式改为自定义2。我用的::selection伪类来设置选择状态,w3cschool上也说::selection是有cursor 属性的啊,但我不管怎么尝试都发现俩鼠标样式只会显示第一个,这个是否有解?只要能在chrome下解决就行了,如能兼顾其他浏览器更好,求解
<style type="text/css">
body{
margin: 0;
padding: 0;
width: 100%;
height: 700px;
cursor: url(http://saber-else.qiniudn.com/01.cur) 8 8,default;
}
#a{
width: 1000px;
height: 600px;
background: #eee;
margin: 20px auto 0;
}
#a:hover{
}
#a::selection{
background: #aaa;
color:#fff;
cursor: url(http://saber-else.qiniudn.com/02.cur) 8 8,default;
}
</style>
<div id="a">
雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊雪见仙尊
</div> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询