Suppression du soulignement d'un Html.ActionLink

J'ai un Html.ActionLink sur ma page et je suis en utilisant le CSS suivant sur elle pour lui donner une image et essayer de supprimer le soulignement .....Suppression du soulignement d'un Html.ActionLink

a.searchButton 
{ 
    background-image: url(/content/images/DropAcross.png); 
    background-repeat: no-repeat; 
    height: 16px; 
    width: 16px; 
    display: block; 
    text-decoration: none; 
    clear:none; 
}

Quelqu'un peut-il voir un problème avec cela? Toutes les propriétés CSS semblent fonctionner indépendamment de la text-decoration: none, ce qui semble laisser le soulignement en place.

Source

2010-10-15 Simon Williams

Pouvons-nous voir comment vous créez le lien? – spinon

Ne vois rien d'évident. Pouvez-vous poster le code HTML aussi? ("Afficher la source" plutôt que le fichier .ascx) –

Avez-vous accès à Firebug? Cela vous dira la réponse instantanément. –

Vous auriez à regarder le rendu html. Dans Firefox ou Google Chrome, faites un clic droit et choisissez Inspecter l'élément.

Vous trouverez peut-être quelque chose de stupide comme la classe searchButton est appliquée à une période qui enveloppe la balise, auquel cas, vous obtiendrez tout ce travail, sauf le lien règle spécifique:

text-decoration:none;

Source

2010-10-15 15:34:16 awrigley

Inspecter l'élément dans Chrome m'a conduit à la réponse. Il y avait un autre style qui ajoutait un fond de bordure. Merci beaucoup. –

Réglage text-decoration:none; doit travailler.

Est-il possible qu'il y ait d'autres styles qui le surchargent? Avez-vous regardé dans Firebug (ou des outils similaires) pour voir quels styles sont appliqués? Une réponse possible peut être les pseudo-classes :hover, :visited et :active. Si elles sont définies pour avoir un soulignement, elles remplaceront le style par défaut de l'élément.

Source

2010-10-15 15:41:24 Spudley

Je sais qu'il est vieux sujet, mais peut-être que quelqu'un va CONSIDERE utile -
attribut « text-decoration », mentionné ci-dessus, peut être passé à ActionLink par la construction comme celui-ci:

@Html.ActionLink("Display_Name","Action_Name",null,new {style="text-decoration:none;"})

Source

2014-10-01 23:55:25 Guest

oui c'est vrai. nous devons donner "nul" là, alors seulement le style fonctionnera bien .. –

Suppression du soulignement d'un Html.ActionLink

Répondre

Questions connexes