0

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

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

很感谢任何形式的帮助！

4

3 回答 3

3

只需使用 CSS。

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

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

于 2012-08-02T22:49:23.363 回答
1

您可以添加以下CSS：

a {
   cursor: pointer;
}

a[href="#"] {
   cursor: default;
}
于 2012-08-02T22:50:40.033 回答
0

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

于 2012-08-02T22:47:53.327 回答