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;
}
3 Réponses :
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;
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.
Réglage 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? P>
Une réponse possible peut être le Texte-Décoration: Aucun; code> doit fonctionner. P>
: survol code>, : visité code> et : actif code> pseudo classes. S'ils sont définis pour avoir un soulignement, ils remplaceront le style par défaut de l'élément. P>
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;"})
Oui c'est vrai. Nous devons donner "null" là-bas, alors seul le style fonctionnera bien ..
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 code>?