将光标更改为悬停在 td 右侧的指针

Question

我有一个带 td 的 table。我希望这样当 he/she 到达特定 td 的 右边界 时，用户看到光标变为指针，并在用户看到时恢复为普通指针没有悬停在右边框上。

用谷歌搜索了很多，但我似乎找不到答案。希望这里有人可以帮助我...?

我希望它是纯粹的CSS，但也许也需要一些查询？

Answer 1

您可以使用 CSS 来修改您的情况下游标类型的行为您可以使用

your_td_tag:hover { 
    cursor:progress
}

如果你特别想要 select 边框，你必须使用一些 javascript 骇人听闻的东西

$('div').click(function(e){
    if(  e.offsetX <= parseInt($(this).css('borderLeftWidth'))){
       $("div").css("cursor:progress");
    }
});

这里div可以换成任意标签，cursor-progress可以换成你想要的cursor。

默认有多种类型的光标可用汽车十字线默认电子调整大小抓帮助移动 n-调整大小调整大小 nw-调整大小指针进步 s-调整大小调整大小 sw-调整大小文本 w-调整大小等待不允许无掉落

您还可以使用自定义光标，如下所示

your_td_tag_selector:hover{
cursor: url('some-cursor.ico'), default;
}

此处的默认值用作回退机制，因此如果某些-cursor.ico 不受支持或不可用，它将回退到默认游标。

如果它解决了您的问题，请告诉我..

Change cursor to pointer on hover right side of td