2011-08-25 60 views
79

刪除下劃線我有這樣的HTML:如何從名稱上懸停

<legend class="green-color"><a name="section1">Section</a></legend> 

legend.green-color{ 
    color:green; 
} 

在我的情況Section尋找綠色的,但是當我把鼠標指針放在它,它變成了看起來像一個A HREF,但我想它保持不變,不改變顏色。

有沒有可能實現而不改變CSS或與最低限度的CCS cahnge?

或可能以某種方式與jQuery的?

回答

145

試試這個:

legend.green-color a:hover{ 
    text-decoration: none; 
} 
+4

爲使用Bootstrap的人提供的參考...我需要在「無」之後使用「!important」才能工作。例如:a:懸停{text}修飾:無!重要; } – JustBlossom

3

爲了保持顏色和防止鏈接下劃線:

legend.green-color a{ 
    color:green; 
    text-decoration: none; 
} 
2

您可以使用CSS legend.green-color a:hover下做到這一點。

legend.green-color a:hover { 
    color:green; 
    text-decoration:none; 
} 
11

刪除文本裝修錨標記

<a name="Section 1" style="text-decoration : none">Section</a> 
+2

使用內嵌樣式被認爲是一種不好的做法。最好將HTML與樣式分開以便稍後減少維護工作。 – 2016-10-28 17:52:37

+2

我並不是要在這裏提出一場火焰戰爭,但我喜歡這種線上風格。我的意思是我的HTML文件只需要這種類型的樣式一次或兩次。即使分離是一種很好的做法,我也沒有看到通過創建單獨的樣式表來證明時間是正確的。 – user3454439

1

您可以將ID分配給特定的鏈接,並添加CSS。請參見下面的步驟:

1.增加所選的ID(必須是唯一的名稱;只能與文本開始,而不是一個號碼):

<a href="/abc/xyz" id="smallLinkButton">def</a> 
  • 然後添加必要的CSS如下:

    #smallLinkButton:hover,active,visited{ 
    
         text-decoration: none; 
         }