9
votes

Supprimer le soulignement d'un HTML.ActionLinkLink

J'ai un html.actionLinkLink sur ma page et j'utilise le CSS suivant sur celui-ci pour lui donner une image et essayer de supprimer le soulignement .....

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


4 commentaires

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


Ne vois rien d'évident. Pouvez-vous aussi poster le HTML? ("View Source" plutôt que l'.ascx)


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


Est-il possible que une autre règle CSS ajoute un soulignement via bordure-bas ?


3 Réponses :


8
votes

Vous devriez regarder le HTML rendu. Dans Firefox ou Google Chrome, cliquez avec le bouton droit de la souris et choisissez Inspecter l'élément.

Vous trouverez peut-être quelque chose d'idiot comme la classe SearchButton est appliqué à une étendue qui enveloppe une balise, auquel cas, vous obtiendrez tout ce que le lien ne fonctionne que tout le lien RÈGLE: P>

text-decoration:none;


1 commentaires

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



3
votes

Réglage Texte-Décoration: Aucun; doit fonctionner.

Est-il possible qu'il y ait d'autres styles le remplacer? Avez-vous regardé dans Firebug (ou des outils similaires) pour voir quels styles sont appliqués?

Une réponse possible peut être le : survol , : visité et : actif pseudo classes. S'ils sont définis pour avoir un soulignement, ils remplaceront le style par défaut de l'élément.


0 commentaires

5
votes

Je sais que c'est un vieux sujet, mais peut-être que quelqu'un va considérer comme utile -
L'attribut "Text-décoration", mentionné ci-dessus, peut être transmis à ActionLink par construction comme celle-ci:

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


1 commentaires

Oui c'est vrai. Nous devons donner "null" là-bas, alors seul le style fonctionnera bien ..