如何刪除谷歌瀏覽器文本下的藍色下劃線？

這隻發生在谷歌瀏覽器中，我使用的是Chrome 17.0.928版本。這在Firefox中正常工作，但在谷歌瀏覽器中出現藍色下劃線。如何刪除谷歌瀏覽器文本下的藍色下劃線？

.thumbnail:hover{z-index: 50;text-decoration: none;position:relative;} 
.thumbnail span{ position: absolute;background:#000;padding: 5px;left: -1000px; 
border: 0px solid #ddd;visibility: hidden;color: #fff;width:388px;height:190px;text-decoration: none;} 
.thumbnail:hover span{ text-align:left;visibility: visible;top: 0;left: 110px;text- decoration:none; 
top:-120px;-webkit-box-shadow: 0 8px 6px -6px #aaa; -moz-box-shadow: 0 8px 6px -6px #aaa;box-shadow: 0 8px 6px -6px #aaa;} 
.hoverbold { 
text-decoration: none; 
font-family: verdana; 
font-size: 11px; 
color: #B09F6E; 
}

http://jsfiddle.net/NW8Nw/3/

來源

2012-07-25 PHP

藍色下劃線不顯示在Chrome 20.0.1132.57米。 – 2012-07-25 17:53:29

safari 5.1.7和chrome 17.0.928 – PHP 2012-07-25 17:54:17

中有一條藍線您的Chrome開發工具顯示了什麼？他們是否顯示它繼承了其他元素的邊框或文本修飾屬性？ – 2012-07-25 17:55:40

很簡單，其實。你要的風格的鏈接分開，我擺脫它

.thumbnail a:link { 
    text-decoration: none;  
}

你應該a:hover，a:visited和a:active這樣做。

編輯：
和一大堆，後來我想到你可能只有一個選擇這樣做：

.thumbnail a { text-decoration: none; }

來源

2012-07-25 17:58:11 11684

去除裝修的鏈接

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

來源

2012-07-25 17:58:41 QueueHammer

簡單的每個狀態：

.thumbnail a { 
    text-decoration: none; 
}

在旁註中，您有多個<div> s在您的<a>標籤內。 <a>標籤應該只包含內聯元素。

來源

2012-07-25 18:01:12 Turnip

'A'標籤在新的HTML5規範下有一個透明的內容模型，它允許它們在某些情況下包含塊級元素。從http://www.w3.org/TR/html5-diff/#content-model，「a元素現在有一個透明的內容模型（除了它不允許交互式內容後裔），這意味着它具有相同的內容模型作爲它的父元素，這意味着如果父元素允許流內容，則a元素現在可以包含例如div元素。「 – thirdender 2012-07-25 18:08:56

有趣，謝謝。 – Turnip 2012-07-25 18:14:36

那麼我有同樣的問題，因爲我找不到一個可能的解決方案，我這樣做。

div { 
     text-decoration:underline; 
     text-decoration-color:white; 
    }

在這裏你的文字裝飾顏色和背景顏色應該是相同的，從而隱藏藍色下劃線。希望這有助於

來源

2017-06-07 03:41:33

如何刪除谷歌瀏覽器文本下的藍色下劃線？

回答

相關問題