如何使“可点击的手”出现在HTML文档中？

Question

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

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

我怎样才能做到这一点？

Answer 1

可以使用CSS cursor属性更改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;

如何禁用使用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;
}

Answer 2

组

cursor:pointer

在div上

喜欢

div{
cursor:pointer;
}

正如库尔特建议你可以使用

-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
 user-select:none;

删除突出显示

Answer 3

在CSS中：

#div-id {
    cursor: pointer;
}

Answer 4

cursor:pointer; 在你的CSS。

请查看http://www.w3schools.com/cssref/pr_class_cursor.asp ，了解游标属性的可能性