刪除特定定位標記的下劃線

爲什麼後續定位標記的文字下劃線？刪除特定定位標記的下劃線

<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

刪除特定定位標記的下劃線

回答

相關問題