如何刪除奇怪的藍色下劃線

正如我在標題中提到的，我找不到什麼是錯誤的，我甚至不知道爲什麼指針懸停時爲藍色。
DEMO：https://anniesnoopymd.github.io/web-final-project/dist/new.html 如何刪除奇怪的藍色下劃線

<div class="line">─ ─ ─ ─ ─ ─ ─ ─ ─ 登入安全(至少要有一種安全判斷) ─ ─ ─ ─ ─ ─ ─ ─ ─</div>

.line { 
    text-align: center; 
    font-size: 15px; 
    color: #fc3f64; 
    font-weight: bold; 
    border: none; 
    text-decoraion:none; 
} 
.line:hover { 
    text-decoraion:none; 
}

來源

2017-06-02 Annie Tsai

此問題是[離題（＃1）]（/ help/on-topic）bec因爲它不包含[mcve]。與外部網站的鏈接並不合適，因爲它們可能會改變將這個問題提供給未來的訪問者。 – zzzzBov

我剛剛找到一個不錯的網站，http://csslint.net/，當你餵你的CSS說：'未知屬性'文本decoraion'''兩次。你錯過了't'。 –

此外，看着有問題的網站，你有無效的標記，用一個''元素來包裝你的所有內容。將鼠標懸停在該頁面上的任何內容上都會觸發'' – zzzzBov

有一個錯字：

<a href="#" class="btn btn-default">全部欄位<a>

您應該關閉標籤：

<a href="#" class="btn btn-default">全部欄位</a>

請考慮編碼時，因爲有其他未關閉標籤和問題在代碼中使用validator。

來源

2017-06-02 03:59:11 itacode

嘗試

.line:active 
{ 
    text-decoration:none; 
}

來源

2017-06-02 03:52:46 FKEinternet

發現問題，然後修復它：您的整個代碼被包裹在標籤內，導致每件事都被加下劃線。

看到這個

https://drive.google.com/file/d/0BwIWuJmCDI1va0VRRWp4UThvS0k/view?usp=sharing

您可以刪除這個<a>標籤解決這個問題。或者使用下面的CSS來解決這個

a:hover, a:active{ 
    text-decoration:none !important; 
}

如果這不起作用使用a:hover *, a:active *也

來源

2017-06-02 04:08:04

檢查你的代碼後，你需要重寫默認<a>標籤，這爲text-decoration: underline;。另外，我不確定您應該在<a>中包含您的表單。

a:hover, a:focus { 
    color: #158cba; 
    text-decoration: none; 
}

來源

2017-06-02 04:17:29

正如您在圖片中看到的那樣，在發生懸停時，a標籤有一些默認值來自引導程序。所以，你可以通過向這個標籤添加一個類來解決這個問題並且覆蓋引導樣式懸停。例如，如果您更改標籤，並添加一個類，如：

<a class="overrideStyle">

，並在你的CSS：

.overrideStyle{ text-decoration: none; }

它會解決這個問題。

來源

2017-06-02 04:28:54

有在你的代碼一個錯字，變化

text-decoraion:none

到

{ 
text-decoration:none; 
}

，如果它不工作，使用更具體的查詢選擇，（給DIV 'id'會這樣做）

來源

2017-06-02 04:39:29 Obed

如何刪除奇怪的藍色下劃線

回答

相關問題