Tekstdecoratie: geen enkele werkt niet

Helemaal verbijsterd! Ik heb geprobeerd de regel text-decoration: noneop verschillende manieren te herschrijven. Ik ben er ook in geslaagd om het formaat van de tekst te wijzigen door deze te targeten, maar de code text-decoration: nonezal niet worden gebruikt.

Hulp wordt zeer op prijs gesteld.

Code

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

Antwoord 1, autoriteit 100%

Je hebt een blokelement (div) in een inline-element (a). Dit werkt in HTML 5, maar niet in HTML 4. Dus ook alleen browsers die HTML 5 daadwerkelijk ondersteunen.

Als browsers ongeldige markeringen tegenkomen, zullen ze proberen deze op te lossen, maar verschillende browsers zullen dat op verschillende manieren doen, dus het resultaat varieert. Sommige browsers zullen het block-element buiten het inline-element plaatsen, andere zullen het negeren.


Antwoord 2, autoriteit 98%

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

=> Werken met mij 🙂 , veel succes


Antwoord 3, autoriteit 23%

Gebruik CSS Pseudo-classesen geef je tag een class, bijvoorbeeld:

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

en voeg dit toe aan je stylesheet:

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

Antwoord 4, autoriteit 16%

Voeg deze verklaring toe aan uw header-tag:

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

Antwoord 5, autoriteit 7%

Probeer je text-decoration: none;op je a:hover css te plaatsen.


Antwoord 6, autoriteit 5%

Ik heb een antwoord:

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

Het werkt.


Antwoord 7, autoriteit 5%

Voeg een specifieke klasse toe voor alle links:

html :

<a class="class1 class2 noDecoration"> text </a>

in css :

.noDecoration {
  text-decoration: none;
}

Antwoord 8, autoriteit 5%

als je een navigatiebalk wilt

ul{ list-style-type: none; } li{text-decoration: none;
  • Hierdoor wil het de stijl van het lijsttype op Geen of niets maken

met de < een > tag:

a:link {text-decoration: none}

Antwoord 9, autoriteit 2%

Er zijn geen onderstrepingen, zelfs als ik ‘text-decoration: none;’ heb verwijderd. van uw code.
Maar ik had een soortgelijke ervaring.

Toen heb ik een code toegevoegd

a{
 text-decoration: none;
}

en

a:hover{
 text-decoration: none;
}

Dus, probeer je code met :hover.


Antwoord 10, autoriteit 2%

Ik had veel hoofdpijn toen ik probeerde een WordPress-thema aan te passen en de tekstdecoratie hielp me niet.
In mijn geval moest ik ook de doosschaduw verwijderen.

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

Antwoord 11

probeer dit aan je stylesheet toe te voegen:

a {text-decoration:none;}

Antwoord 12

Ik heb de onderstaande code gebruikt om de mijne in Chrome te laten werken. U kunt de nesting aanpassen:

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

Antwoord 13

Houd er rekening mee dat in andere gevallen een codebase een css-kenmerk border-bottomkan gebruiken, bijvoorbeeld border-bottom: 1px;, dat een effect dat erg lijkt op de text-decoration: underline. Zorg er in dat geval voor dat u het instelt op geen, border-bottom: none;


Antwoord 14

Ik deed het gewoon op de oude manier, ik weet dat het niet goed is, maar het is een snelle oplossing.

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

Other episodes