按属性更改光标

Changing cursor by attribute

本文关键字：光标 属性      更新时间：2023-09-26

我有点陷入了以下问题。在我的网站上，我有一个下拉菜单。导致下拉菜单折叠的主项是不可单击的。但是，我想将该项目的光标更改为正常，但要确保下拉菜单中仍有"手"光标。

Html应为：

<ul> 
  <li>
    <a href="nice.php">Normal item<a/>
  </li> 
  <li>
    <a href="#">Dropdown initator</a> 
    <ul>
      <li><a href="droppage.php>Dropdown item</a></li>
    </ul> 
  </li> 
 </ul>

因此，href="#"的链接应该具有非链接光标；其他的应该有游标："指针"。

尝试了JS，但它不起作用，它使下拉项的光标也是错误的：

$('ul li').hover(function() {
   if($(this).find("a").attr("href") === "#"){
      $(this).css('cursor','e-resize');
      $(this).find("a").css('cursor', 'e-resize');
      $(this).find("ul li").css('cursor', 'pointer');
    }
});

这应该没有任何区别，但该页面实际上是wordpress安装的一部分。

非常感谢您的帮助！

只需使用CSS。

a[href='#']{
    cursor: e-resize;   
}

演示：http://jsfiddle.net/XnNUt/

您可以添加以下css：

a {
   cursor: pointer;
}
a[href="#"] {
   cursor: default;
}
设置该特定类的css属性cursor: pointer;。
相关文章：