从链接中删除顽固的下划线
我试图有一个链接显示在白色,没有下划线。 文本颜色正确显示为白色,但蓝色下划线固执地持续存在。 我试过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 LinkButton控件的例子:
<asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" />
代码后面:
lbmmr1.Attributes.Add("style", "text-decoration: none;")