美文网首页
取消鼠标悬浮到图形的手状显示

取消鼠标悬浮到图形的手状显示

作者: 神话降临 | 来源:发表于2018-06-04 18:42 被阅读0次

    echarts开发的时候产品经理认为 cursor:pointer为手状都是可以点击或者是可以连接跳转的。

    所以要求我们改动,echarts上鼠标悬浮上去的时候,tooltip提示,取消掉ecahrts自带的手状样式

    找了好久发现,echarts鼠标悬浮上去是通过hover实现的,而不是mouseover,并且奇葩的是悬浮到图形上去改变的是整个canvas部分的cursor属性
    得出以上结论后就直接简单粗暴的使用重写样式覆盖掉就好了
    举例我的图形容器是

    <div id=bar></div>
    

    那就直接简单粗暴的把样式覆盖

    
    <style>
    #bar>div>canvas:hover{
            cursor: default;
        }
    </style>
    

    相关文章

      网友评论

          本文标题:取消鼠标悬浮到图形的手状显示

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