如何使"可点击的手"出现在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;

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

删除突出显示