Dekoracja tekstu: brak działania

Question

Całkowicie zaskoczony! Próbowałem przepisać linię text-decoration: none na kilka różnych sposobów. Udało mi się również zmienić rozmiar tekstu, kierując go, ale kod text-decoration: none nie zostanie uwzględniony.

Pomoc doceniane.

Kod

.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

Masz elementu bloku (div) wewnątrz elementu liniowego (a). Działa to w HTML 5, ale nie w HTML 4. Tak więc również tylko przeglądarki obsługujące HTML 5.

Gdy przeglądarki napotkają nieprawidłowy znacznik, spróbują to naprawić, ale różne przeglądarki zrobią to na różne sposoby, więc Wynik jest różny. Niektóre przeglądarki przenoszą element blokowy poza element wbudowany, a niektóre go zignorują.

Answer 2

warto dodać to do swojego arkusza stylów:

a {text-decoration:none;} 

Answer 3

Po prostu zrobiłem to w starym stylu, wiem, że nie jest to właściwe, ale jest szybkie.

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

Answer 4

Zastosowanie CSS Pseudo-classes i dać tag klasę, na przykład:

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

i dodać do arkusza stylów:

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

Answer 5

Spróbuj zawierania text-decoration: none; na A: hover css .

Answer 6

mam odpowiedź:

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

to działa.

Answer 7

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

=> Praca ze mną :) powodzenia

Answer 8

Użyłem poniższy kod, aby dostać kopalni do pracy w Chrome. Można regulować zagnieżdżania

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

Answer 9

Dodaj to stwierdzenie na tagu nagłówka:

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

Answer 10

Nie ma podkreślenie nawet Usunąłem 'text-decoration: none;' ze swojego kodu. Ale miałem podobne doświadczenie.

Potem dodałem kod

a{ 
text-decoration: none; 
} 

i

a:hover{ 
text-decoration: none; 
} 

Tak, spróbuj kod z: hover.

Answer 11

Miałem dużo bólu głowy, gdy próbowałem dostosować motyw WordPress, a dekoracja tekstowa mi nie pomogła. W moim przypadku musiałem również usunąć box-shadow.

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