テキスト装飾：何も動作していない

Question

完全にバッフル！私はtext-decoration: none行をいくつかの異なる方法で書き直そうとしました。私はそれをターゲットにしてテキストのサイズを変更することもできましたが、text-decoration: noneコードは受け取りません。

大変助けになりました。

コード

.widget  
 
{ 
 
    height: 320px; 
 
    width: 220px; 
 
    background-color: #e6e6e6; 
 
    position: relative;        
 
    overflow: hidden;       
 
} 
 

 

 
.title  
 
{ 
 
    font-family: Georgia, Times New Roman, serif; 
 
    font-size: 12px; 
 
    color: #E6E6E6; 
 
    text-align: center; 
 
    letter-spacing: 1px; 
 
    text-transform: uppercase; 
 
    background-color: #4D4D4D;  
 
    position: absolute; 
 
    top: 0; 
 
    padding: 5px; 
 
    width: 100%; 
 
    margin-bottom: 1px; 
 
    height: 28px; 
 
    text-decoration: none; 
 
} 
 

 
a .title  
 
{ 
 
    text-decoration: none; 
 
}

<a href="#"> 
 
    <div class="widget"> 
 
     <div class="title">Underlined. Why?</div> 
 
    </div> 
 
</a>

Answer 1

あなたはインライン要素（A）の内側ブロック要素（div要素）を持っています。これはHTML 5では動作しますが、HTML 4では動作しません。実際にはHTML 5を実際にサポートするブラウザだけです。

ブラウザで無効なマークアップが発生すると、修正しようとしますが、ブラウザによって異なる方法で動作します。結果は変化する。一部のブラウザはブロック要素をinline要素の外側に移動し、一部の要素は無視します。

Answer 2

あなたのスタイルシートにこれを追加してみてください：

a {text-decoration:none;} 

Answer 3

私はちょうどそれが正しくないことを知っている古い方法でしたが、その迅速な修正。

<h1><a href="#"><font color="#FFF">LINK</font></a></h1> 

Answer 4

使用CSS Pseudo-classes例えば、あなたのタグクラスを与える：

<a class="noDecoration" href="#"> 

をし、あなたのスタイルシートにこれを追加します。

.noDecoration, a:link, a:visited { 
    text-decoration: none; 
} 

Answer 5

あなたのAの上ごtext-decoration: none;を置いてみてくださいホバーCSSを。それは作品

<a href="#"> 
    <div class="widget"> 
     <div class="title" style="text-decoration: none;">Underlined. Why?</div> 
    </div> 
</a>​ 

：

Answer 6

は、私は答えを持っています。

Answer 7

a:link{ 
    text-decoration: none!important; 
} 

=>私は私がChromeで動作させるために以下のコードを使用

Answer 8

幸運、:)私と一緒に作業します。あなたは、ネストを調整することができます。

a:-webkit-any-link { color: black; } 

Answer 9

あなたのヘッダータグにこのステートメントを追加します。

<style> 
a:link{ 
    text-decoration: none!important; 
    cursor: pointer; 
} 
</style> 

Answer 10

でも私は削除されません何の下線はありません「テキスト装飾を：どれも;」あなたのコードから。 しかし、私は似たような経験をしていました。ホバー：

は、次に私があなたのコードを試してみてください、

a{ 
text-decoration: none; 
} 

と

a:hover{ 
text-decoration: none; 
} 

ように、コードを追加しました。

Answer 11

WordPressのテーマをカスタマイズしようとしたときに頭痛の種が多く、テキストの装飾が役に立たなかった。 私の場合、ボックスシャドウも削除する必要がありました。

a:hover { 
    text-decoration: none; 
    box-shadow: none; 
}