2010-12-18 2 views
1

warum nicht arbeiten Text-Dekoration: keine?hmlt + css nicht arbeiten text-decoration

Auf Text ist immer unterstrichen.

<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> 

Antwort

2

Sie legen das span-Element auf ein Blockelement fest.

Blockelemente können text-decoration nicht haben. Nur Inline-Elemente können.

+0

Ich glaube, du meintest den Grenzbereich: keine; in diesem speziellen Fall. –

+0

Beachten Sie, dass der 'border-bottom'-Trick nicht funktioniert, wenn der Text leider in eine neue Zeile springt. – tenfour

+0

Das ist wahr zehnfour :-) – janhartmann

2

Sie müssen die Textdekoration auf die Ankerelemente anwenden.

+0

Hier ist ein Beispiel: http://jsfiddle.net/s6XjW/ – rcravens

+0

Wie ich auf dem anderen Kommentar gesagt habe (Entschuldigung, ich lese diese Antwort zuerst), kann das erreicht werden mit: a {text-decoration: none; } –

Verwandte Themen