当我的光标在我页面上的li元素的一部分上时，如何使光标显示为指针？

Question

我有以下HTML：

<ul id='x'> 
   <li>
      <a class="document-web1" data-href="/x">x</a>
   </li>
   <li>
      <a class="document-web2" data-href="/y">y</a>
   </li>
</ul>

我设置了这个活动：

$("#content-button-panel")
   .on('click', 'a', function (event) {
      event.preventDefault();
      var $link = $(this);
      getContentAjax($link);
   });

这有效但当我的光标在文本上移动时它会改变 到垂直文本选择栏而不是指针。在那儿 某种方式，我可以使光标始终显示为 当它在li元素的任何部分上时的箭头？

Answer 1

如果您只想更改光标，可以在CSS中使用它：

li
{
 cursor: default;
 /*cursor: pointer;*/
}

另外如果您不确定哪个属性呈现哪个光标，请检查以下链接，这将清除您的疑惑。

CSS Cursors

Answer 2

阅读完你的标题之后，它看起来像你想要的

li:hover{

cursor:pointer;
}

以上将使光标像

但在阅读完整个问题之后

li:hover{

cursor:default;
}

这将显示光标如

<子> <子> <子>

另外check this实时视图非常酷

现在我建议你写相关的标题

Answer 3

您想要的css属性是pointer。将其设置为default值将强制浏览器将指针呈现为箭头，即使href元素上没有a属性。

#x a {
    cursor:default;
}

Answer 4

我自己对jquery有点新，但我相信你必须使用onhover或onmouseover而不是点击。

Answer 5

您可以使用cursor的{​​{1}}属性，即css，例如