Question

我有点陷入以下困境。在我的网站上，我有一个下拉菜单。导致下拉菜单崩溃的主项目无法点击。但是，我想将该项目的光标更改为正常，但请确保下拉菜单中仍有“手”光标。

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安装的一部分。

非常感谢任何帮助！

Answer 1

只需使用CSS。

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

DEMO：http://jsfiddle.net/XnNUt/

Answer 2

您可以添加以下css：

a {
   cursor: pointer;
}

a[href="#"] {
   cursor: default;
}

Answer 3

为该特定类设置css属性cursor: pointer;。

按属性更改光标

3 个答案: