Tengo una etiqueta <a id="javascriptlink">, sin href. Su acción es manejada por jquery onclick. Entonces, quiero poner css a:link {text-decoration: underline;} y a:hover {text-decoration: none;} para que parezca un enlace.css subrayado para el ancla sin href
Sin embargo, el subrayado del ancla parece funcionar solo cuando se presenta el atributo href. ¿Alguna idea?
a:link trabaja con el href estar presente solamente. Si no hay un href, solo es un ancla y no un enlace.
a {text-decoration: underline;}
a{
text-decoration: underline;
cursor: pointer;
}
a:hover{
text-decoration: none;
}
Simplemente agregue el atributo href pero no haga nada al cancelar el evento cancelando el evento.
<a href="#" onclick="event.preventDefault(); return false;" id="javascriptlink">
Creo que su intento detendrá todas las actividades de clic – thecodeparadox
@thecodeparadox Esa es la intención, para que se comporte como una etiqueta de anclaje no vinculada. – iambriansreed
+1 Simple. De alguna forma, nunca me di cuenta de que 'a: link' es una etiqueta de anclaje que es un enlace y' a' simplemente se aplica a los anclajes en general. Tiene sentido completo. Siempre he usado anclajes como enlaces y nunca simplemente anclajes. – iambriansreed
Gracias por la solución. Solo para agregar 'a: link, a: visited {}' funcionó como un amuleto. – Shubh