2015-09-28 63 views
2

对于一个项目,我有一个动态megamenu。删除光标,如果<a>标签进行#

在主菜单我有<a>标签,它具有URL & #。我需要为<a>标签分配cursor:pointer作为cursor:default,其中携带href="#"

是否有任何可能使用CSS

<ul> 
    <li><a href="#">Dummy</a></li> 
    <li><a href="url.htm">Dummy</a></li> 
    <li><a href="url.htm">Dummy</a></li> 
</ul> 
+0

你需要指定'光标:pointer'或'光标:default'?他们是不同的。 – Harry

+0

光标默认为#。指向url的指针。我得到了解决方案 –

回答

5

使用的标签属性选择器,你可以很容易地检测哪个环节包含在他们的HREF一个#控制。

从那里,你简单地套用cursor: default风格,让您期望的结果。

a[href="#"] { cursor: default }
<ul> 
 
    <li><a href="#">Dummy</a></li> 
 
    <li><a href="url.htm">Dummy</a></li> 
 
    <li><a href="url.htm">Dummy</a></li> 
 
</ul>

+1

将'cursor:none'更改为'cursor:default' – Robert