2017-06-03 13 views
-3

私はタグとlを持っています。 タグの色は、リスト項目innterTextです。コンテンツの色に与える影響を無効にしたり、下線を削除するにはどうすればよいですか?<a>タグの装飾を取り除く方法

コード:

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

まだ、より良いあなたのコードを投稿し、またはしてくださいスニペットを作成します。 – Gerry

答えて

1

<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

0

あなたはこのようにそれをスタイリングすることができます

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

それは適用される色を削除しません –

+0

@ダーリースウィーニーうん、私は色を忘れてしまった。編集されました。 –

0

はこれを試してみてください:

a { 
     background-color: transparent; 
    } 

a:hover { 
     text-decoration: none; 
    } 
0

使用CSS。これは、要素、li要素から下線を削除します。「:-webkit-任意のリンク」

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

はちょうどこのクラス内の要件に応じて、あなたのスタイルを追加します。たとえば、アンダーラインを削除する場合は、 "a:-webkit-any-link {text-decoration:none;}"を追加します。 注:ここでは、Chromeブラウザに '-webkit-'を使用しています。

+0

コードサンプルをmarkdown-を使ってフォーマットしたいと思うかもしれません - マークダウンのヘルプセクションを参照してください(https://stackoverflow.com/help/formatting) –

関連する問題