如何刪除<a>標籤的裝飾

-3

我有一個a標籤和一個li裏面。 a標籤給列表項目innterText添加顏色。如何取消其對內容顏色的影響並刪除下劃線？如何刪除<a>標籤的裝飾

代碼：

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     <ul> 
      <a href="google.com"><li>asd</li></a> 
     </ul> 
    </body> 
</html>

來源

2017-06-03 Mark Uivari

請發表你的代碼，或者更好，創建一個片段。 – Gerry

是無效的。在你的方式<a>內<ul>標籤，並且它也將不會通過W3C validation。但是，如果我理解你的問題，你可以試試這個：

<ul> 
    <li> 
     <a href="#"> 
      <ul> 
       <li>asd</li> 
      </ul> 
     </a> 
    </li> 
</ul>

爲了刪除下劃線，你可以這樣做：

ul li a { 
    text-decoration: none; 
    color: #b61c1c; /* For Example */ 
}

Fiddle

來源

2017-06-04 06:43:19 natanelg97

你可以樣式像這樣：

<a style="text-decoration: none; color: #TheColorYouWant"></a>

來源

2017-06-03 13:39:03

這不會刪除應用的顏色 –

@DarrenSweeney是的，我忘了顏色。編輯。 –

試試這個：

a { 
     background-color: transparent; 
    } 

a:hover { 
     text-decoration: none; 
    }

來源

2017-06-03 13:45:37

使用CSS。這將刪除下劃線從和li元素：

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

來源

2017-06-03 13:45:39

只需添加本類中你的要求你的風格「一：-webkit-任何聯繫」。例如，如果你想刪除下劃線，那麼只需添加「a：-webkit-any-link {text-decoration：none;}」。注意：這裏我們使用'-webkit-'作爲Chrome瀏覽器。

來源

2017-06-03 13:50:18

您可能想要使用markdown格式化您的代碼樣本 - 請參閱[在幫助部分中進行降價]（https://stackoverflow.com/help/formatting） –

如何刪除<a>標籤的裝飾

回答

相關問題