通過屬性改變光標

我有一種卡在下面。在我的網站上有一個下拉菜單。導致下拉菜單摺疊的主要項目不可點擊。但是，我想將該項目的光標更改爲正常，但請確保下拉菜單中仍然有「手形」光標。通過屬性改變光標

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

通過屬性改變光標

回答

相關問題