javascript - 如何使 'clickable hand' 出现在 HTML 文档中？

Question

我最近构建了一个示例 HTML 网页，当我将鼠标指针悬停在 <div> 上时使下拉菜单在单击时下降的元素，指针变为光标，允许我突出显示 <div> 中的文本.

问题是，我不希望鼠标指针变为光标。(我也不希望能够突出显示文本。)我希望它保持原样或变为当鼠标指针悬停在链接上时出现的“可点击手形”指针。

我怎样才能做到这一点？

Answer 1

可以使用 CSS cursor 属性更改光标。

cursor:pointer;

https://css-tricks.com/almanac/properties/c/cursor/

---

您还可以使用 user-select 属性阻止突出显示:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

How to disable text selection highlighting using CSS?

---

例如:

div{
   cursor:pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}