首页 文章

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

提问于
浏览 次
4

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

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

我怎样才能做到这一点？

javascript jquery html css

4 回答

  • 12

    可以使用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;
}
    回复于
  • 0

    组

    cursor:pointer

    在div上

    喜欢

    div{
cursor:pointer;
}

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

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

    删除突出显示

    回复于
  • 5

    cursor:pointer; 在你的CSS中 .

    检查http://www.w3schools.com/cssref/pr_class_cursor.asp以了解cursor属性的可能性

    回复于
  • 0

    在CSS中：

    #div-id {
    cursor: pointer;
}
    回复于

相关问题