2010-12-18 4 views
1

なぜ作品はありませんtext-decoration:none?hmlt + css not-text-decoration

オンテキストは常に下線です。

<html> 
    <head> 
    <style type="text/css"> 
    .search, .search_b1, .search_b2{ 
    display: block; 
    color: #000; 
    text-decoration: none; 
    } 
    .search_b1:hover { 
    color: red; 
    } 
    </style> 
    </head> 
    <body> 
    <div id="left"> 
    <a href = "#"> 
     <span class="search"> 
     <span class="search_b1">Text text</span> 
     <span class="search_b2">Text text</span> 
     </span> 
    </a> 
    </div> 
    </body> 
    </html> 

答えて

2

スパン要素をブロック要素に設定します。

ブロック要素には、text-decorationを含めることはできません。インライン要素のみが可能です。

+0

あなたはborder-bottomを意味すると思います。この特定の場合には –

+0

残念ながら、テキストが新しい行に折り返された場合、 'border-bottom'トリックは機能しません。 – tenfour

+0

それは本当のtenfour :-) – janhartmann

2

アンカー要素にテキスト装飾を適用する必要があります。

+0

ここに例があります:http://jsfiddle.net/s6XjW/ – rcravens

+0

私は他のコメント(申し訳ありませんが、私はその答えを最初に読んでいます)を言ったように、これは以下を使用して達成できます:a {text-decoration:none; } –