通过属性改变光标

我有一种卡在下面。在我的网站上有一个下拉菜单。导致下拉菜单折叠的主要项目不可点击。但是，我想将该项目的光标更改为正常，但请确保下拉菜单中仍然有“手形”光标。通过属性改变光标

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

任何帮助非常感谢！

来源

2012-08-02 Dennis Hunink

你为什么不能用CSS这样做呢？ – ahren 2012-08-02 22:47:58

认为IE浏览器不会在[href =“＃”] ... – 2012-08-02 23:16:40

只需使用CSS。

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

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

来源

2012-08-02 22:49:23 ahren

谢谢你，做了这份工作！真的没有发现任何地方的CSS链接可以像那个跨浏览器样式。没有在IE中测试过它，但它在Safari和FF中工作。谢谢！ – 2012-08-02 23:18:44

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

来源

2012-08-02 22:47:53 maxko87

您可以添加以下的CSS：

a { 
    cursor: pointer; 
} 

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

来源

2012-08-02 22:50:40

通过属性改变光标

回答

相关问题