J'essaie de faire apparaître un lien en blanc, sans soulignement. La couleur du texte s'affiche correctement en blanc, mais le soulignement bleu persiste obstinément. J'ai essayé text-decoration: none;
et text-decoration: none !important;
dans le CSS de supprimer le lien souligné. Aucun n'a fonctionné.
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
Comment puis-je supprimer le soulignement bleu du lien?
Réponses:
Comme je m'y attendais, vous n'appliquez pas
text-decoration: none;
à une ancre (.boxhead a
) mais à un élément span (.boxhead
).Essaye ça:
la source
.toc-list a > span{text-decoration:none !important;}
utiliser dans les navigateurs non Chrome que j'ai testés: je pense que la question de @ JMTyler est légitime; Je cherche la même solution.text-decoration
ne pas prendre en charge la substitution des balises imbriquées, comme indiqué ci-dessus. Une fois qu'unea { text-decoration: underline; }
règle est appliquée, vous ne pouvez pas la désappliquer, par exemple aveca .wish_this_were_not_underlined { text-decoration: none; }
. Je ne trouve pas de référence pour cela, mais c'est mon expérience (dans Chrome).text-decoration: none;
, nous avons donc choisi de masquer la ligne à l'aidetext-decoration: underline; text-decoration-color: white;
. / hack.boxhead .otherPage { display: inline-block; color: #FFFFFF; text-decoration: none; }
La balise d'ancrage (lien) a également des pseudo-classes telles que visité, survoler, lien et actif. Assurez-vous que votre style est appliqué à l'état ou aux états en question et qu'aucun autre style n'est en conflit.
Par exemple:
Voir W3.org pour plus d'informations sur les pseudo-classes d'action de l'utilisateur: hover ,: active et: focus.
la source
a:link
quand tu disa:click
text-decoration: none !important
devrait le supprimer .. Êtes-vous sûr qu'il n'y a pas deborder-bottom: 1px solid
cachette? (Tracez le style calculé dans Firebug / F12 dans IE)la source
border-bottom-style: none;
corrigé pour moi.Ajoutez simplement cet attribut à votre balise d'ancrage
style="text-decoration:none;"
Exemple:
Ou utilisez la méthode CSS.
la source
Parfois, ce que vous voyez est une ombre de boîte, pas un soulignement de texte.
Essayez ceci (en utilisant les sélecteurs CSS qui vous conviennent):
la source
.otherPage a:link {text-decoration:none;}
; répétez cela pour les visités, actifs et survolez si nécessaire.Vous avez raté
text-decoration:none
la balise d'ancrage . Le code devrait donc suivre.Plus de propriétés standard pour la décoration de texte
la source
Sans voir la page, difficile de spéculer.
Mais il me semble que vous pourriez avoir une
border-bottom: 1px solid blue;
application. Peut-être ajouterborder: none;
.text-decoration: none !important
a raison, il est possible que vous ayez un autre style qui remplace toujours ce CSS.C'est là que l'utilisation de la barre d'outils Firefox Web Developer est géniale, vous pouvez modifier le CSS ici et voir si les choses fonctionnent, au moins pour Firefox. C'est sous
CSS > Edit CSS
.la source
En règle générale, si votre "soulignement" n'est pas de la même couleur que votre texte [et que la "couleur:" n'est pas remplacée en ligne], il ne provient pas de "text-decoration:" Il doit être "border-bottom:"
N'oubliez pas de supprimer la frontière de vos pseudo-classes aussi!
Cet extrait suppose qu'il est sur une ancre, changez-le en conséquence ... et utilisez la spécificité au lieu de "! Important" après avoir recherché la cause première.
la source
Bien que les autres réponses soient correctes, il existe un moyen facile de se débarrasser du soulignement sur tous ces liens embêtants:
Cela supprimera le soulignement de CHAQUE LIEN SUR votre page!
la source
Si
text-decoration: none
ouborder: 0
ne fonctionne pas, essayez d'appliquer le style en ligne dans votre html.la source
Utilisez simplement la propriété
et vous êtes couvert. A parfaitement fonctionné pour moi lorsque la propriété de décoration de texte ne fonctionnait pas du tout.
la source
Aucune des réponses n'a fonctionné pour moi. Dans mon cas, il y avait une norme
dans mon code. Fondamentalement, quel que soit le lien, la couleur du texte devient bleue et le lien reste quel qu'il soit.
J'ai donc ajouté le code à la fin de l'en-tête comme ceci:
et le problème n'est plus.
la source
la source
Voici un exemple pour le contrôle LinkButton des formulaires Web asp.net:
Code derrière:
la source
Vous avez utilisé text-decoration none dans le mauvais sélecteur. Vous devez vérifier la balise dont vous avez besoin pour la décoration.
Vous pouvez utiliser ce code
OU
OU
la source
Mettez le code HTML suivant avant la
<BODY>
balise:<STYLE>A {text-decoration: none;} </STYLE>
la source
Dans mon cas, j'avais un HTML mal formé. Le lien se trouvait dans une
<u>
balise et non dans une<ul>
balise.la source
Comme d'autres l'ont souligné, il semble que vous ne pouvez pas remplacer les styles de décoration de texte imbriqués ... MAIS vous pouvez modifier la couleur de décoration du texte.
En tant que hack, j'ai changé la couleur pour qu'elle soit transparente:
la source