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

Question

我有一张带td的桌子。我希望它能让用户在他/她到达特定td的右边界时看到光标变为指针，并在用户没有向右移动时恢复到正常指针边界。

谷歌搜索了很多，但似乎无法找到答案。希望有人可以帮助我......？

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

Answer 1

你可以使用CSS来修改你可以使用

的情况下光标类型的行为

your_td_tag:hover { 
    cursor:progress
}

如果你只想选择边框，你必须使用一些javascript hacky东西

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

这里div可以替换为任何标记，并且可以用所需的光标替换cursor-progress。

默认情况下有各种类型的游标可用 汽车 十字线 默认 E-调整大小 抓 救命 移动 正调整大小 NE-调整大小 NW-调整大小 指针 进展 S-调整大小 SE-调整大小 SW-调整大小 文本 W-调整大小 等待 不允许 无降

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

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

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

让我知道它是否解决了你的问题..