从链接中删除顽固的下划线

我试图有一个链接显示在白色,没有下划线。 文本颜色正确显示为白色,但蓝色下划线固执地持续存在。 我试过text-decoration: none;text-decoration: none !important; 在CSS中删除链接下划线。 都没有工作。

HTML:

 <div class="boxhead"> <h2> <span class="thisPage">Current Page</span> <a href="myLink"><span class="otherPage">Different Page</span></a> </h2> </div> 

CSS:

 .boxhead .otherPage { color: #FFFFFF; text-decoration: none; } 

我怎样才能从链接中删除蓝色下划线?

正如我所料,你没有应用text-decoration: none; 到一个锚点(.boxhead a),而是一个跨度元素(.boxhead)。

尝试这个:

 .boxhead a { color: #FFFFFF; text-decoration: none; } 

锚标签(链接)也有伪类,如visited,hover,link和active。 确保你的风格适用于有问题的状态,没有其他风格是冲突的。

例如:

 a:hover, a:visited, a:link, a:active { text-decoration: none; } 

有关用户操作伪类的更多信息,请参阅W3.org:hover,:active 和:focus。

text-decoration: none !important应该删除它..你确定没有border-bottom: 1px solid潜伏吗? (在IE中跟踪Firebug / F12中的计算样式)

只需将此属性添加到您的锚标记

style="text-decoration:none;"

例:

 <a href="page.html" style="text-decoration:none;"></a> 

或者使用CSS方式。

 .classname a { color: #FFFFFF; text-decoration: none; } 

没有看到页面,很难推测。

但是,听起来像你可能有一个border-bottom: 1px solid blue; 被应用。 也许加border: none;text-decoration: none !important是正确的,有可能你有另一种风格,但仍然重写CSS。

这是使用Firefox Web Developer Toolbar非常棒的地方,你可以在那里编辑CSS,看看是否有效,至less对于Firefox来说。 它在CSS > Edit CSS

一般来说,如果你的“下划线”和你的文本颜色不一致(而“颜色:”不是内联),它不是来自“text-decoration”:它必须是“border-bottom:”

不要忘记从你的伪类中取下边框!

 a, a:link, a:visited, a:active, a:hover {border:0!important;} 

这段代码假设它在一个锚点上,相应地改变它的包装,并且在追踪根本原因之后使用特殊性而不是“!important”。

你错过了text-decoration:none 锚标签 。 所以代码应该如下。

 .boxhead a { text-decoration: none; } 
 <div class="boxhead"> <h2> <span class="thisPage">Current Page</span> <a href="myLink"><span class="otherPage">Different Page</span></a> </h2> </div> 

有时你看到的是一个盒子阴影,而不是一个文本下划线。

试试这个(使用任何CSSselect器都适合你):

 a:hover, a:visited, a:link, a:active { text-decoration: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } 

只要使用该属性

 border:0; 

你被覆盖了。 当文本装饰属性dint工作完全为我工作。

而其他答案是正确的,有一个简单的方法来摆脱所有讨厌的链接下划线:

 a { text-decoration:none; } 

这将删除您的网页上的每个单一链接的下划线!

这里是一个asp.net webforms LinkBut​​ton控件的例子:

  <asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" /> 

代码后面:

  lbmmr1.Attributes.Add("style", "text-decoration: none;")