Question

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

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

我怎样才能做到这一点？

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;
}

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查看游标属性的可能性

如何制作可点击的手＆＃39;出现在HTML文档中？

4 个答案: