删除特定定位标记的下划线

为什么后续定位标记的文字下划线？删除特定定位标记的下划线

<a class = "pagerLink" href = "#" >test</a> 

.pagerLink{ 
    background-color: #E4F5F8; 
    border:1px solid #C0DEED; 
    text-decoration:none; 
}

来源

2010-11-11 TPR

在什么浏览器上？ – BoltClock 2010-11-11 01:53:50

ie8和firefox – TPR 2010-11-11 01:56:29

可能是因为另一个样式块比您的pagerLink类更好precedence。尝试：

.pagerLink { 
    background-color: #E4F5F8; 
    border: 1px solid #C0DEED; 
    text-decoration: none !important; 
}

来源

2010-11-11 01:54:40

工作。是因为我使用的是：链接颜色：＃0084B4; text-decoration：underline; }？这是保持下划线的原因吗？ – TPR 2010-11-11 01:59:41

@progtick，是的，特别是如果你的样式表中的*'.pagerLink'后面有*样式。 – 2010-11-11 02:00:39

它来之前，但我想它仍然持续 – TPR 2010-11-11 02:53:06

使用文本修饰：在您的样式没有一个

例：

<head> 
<style> 

    .pagerLink 
    { 
    background-color: #E4F5F8; 
    border:1px solid #C0DEED; 
    } 
    .pagerLink a 
    { 
    text-decoration:none !important; 
    } 
</style> 
</head> 

<body> 
    <div class="pagerLink"> 
    <a href="somepage.aspx">test</a> 
    </div> 
</body>

您可以使用Firebug（一个Firefox插件），以findout正在使用的元素，其风格现在是否被其他风格定义覆盖

http://getfirebug.com/

来源

2010-11-11 01:54:29 Shyju

它没有工作，但我没有在中使用css，所以你知道 – TPR 2010-11-11 01:57:10

@progtick，它是从某处继承的，你可以使用它从哪个类中窜改的萤火虫。 – kobe 2010-11-11 04:14:28

这对我有用，而其他解决方案没有。 – 2013-04-13 12:55:40

我还不能发表评论，我尊重这是一个老问题，但使用时要特别小心重要的声明：

text-decoration: none !important;

你可能有逃脱它在较小的项目中，但任何涉及多个来源协作的非平凡项目都会令人难以置信的烦恼，因为它会影响我需要进一步设置的属性。我不仅必须改变这一点才能让我的修复保持坚持，而且我还必须检查改变它是否会破坏其他任何可能会发生的事情。

更好的是重构你的宣言或调整你的代码，这样你不需要的时候你不能使用!important和只有回落至!important。

来源

2013-06-21 07:34:40

要删除下划线，您需要遵循以下样式代码片段。

.pagerLink{ 
    background-color: #E4F5F8; 
    border:1px solid #C0DEED; 
    text-decoration:none !important; 
}

来源

2017-06-28 16:20:53 THIMIRA

删除特定定位标记的下划线

回答

相关问题