para - etiquetas css
¿Cómo escribir un: visitado en CSS en línea? (5)
Tema relacionado: ¿Cómo escribir un hover en CSS en línea?
Necesito crear un HTML Email Email Letters. Todos los estilos deben estar en línea. (De acuerdo con - http://www.campaignmonitor.com/css/ No todos los clientes de correo electrónico reconocen la etiqueta STYLE con la etiqueta HEAD. Pero todos prefieren los estilos en línea).
Mi problema: el diseñador quiere un color de fondo oscuro + enlaces blancos, así que uso -
<a href="http://www.mySite.com" target="_blank">
<span style="color: #ffffff;" >ici</span>
</a>
pero el "color visitado" predeterminado es oscuro.
¿Hay otra manera de cambiar el "color visitado"?
Gracias,
Atara.
PS También probé el enlace BODY descifrado, atributos vlink. no funcionó.
¿Por qué no intenta establecer el atributo de style dentro de la etiqueta <a> y eliminar el <span> completo?
Hacer eso en línea debería sobrescribir la propiedad :visited .
Me gusta esto:
<a href="http://www.example.com" target="_blank" style="color: #ffffff !important;" >
ici
</a>
Nota: Y solo para estar seguro, puede agregar la propiedad !important para respaldarla aún más.
Creo que esta es la mejor práctica y la forma más limpia de hacerlo.
En primer lugar, ¡buena suerte! El correo electrónico HTML está atascado firmemente en los niveles técnicos de 1996.
Una cosa que debe intentar si no necesita un color "visitado" separado es agregar un! Importante en el intervalo.
Por ejemplo, su cliente de correo puede tener algo como esto en su hoja de estilo:
a:visited * { color: #000 !important; }
En cuyo caso, esto anulará su estilo en línea.
Por lo tanto, intente cambiar su duración a:
<a href="http://www.example.com" target="_blank">
<span style="color: #ffffff !important;" >ici</span>
</a>
para anularlo de nuevo.
Una prueba rápida en Chrome muestra que la a:visited * { ... !important} anula el estilo en línea, pero agregar el !important back al intervalo funciona bien.
Actualización 2017
La guía de CampaignMonitor CSS ahora parece recomendar el uso de un elemento <style> en la cabeza, en lugar de incluir todos los estilos. Según otras respuestas, esto parece proporcionar la mejor compatibilidad con la versión reciente de Outlook.
Este es un hilo bastante antiguo, pero pensé que sería útil para alguien. Nada más me funcionó en Outlook 2013, excepto el uso del antiguo llano.
<style>a:visited{color:white !important}</style>
dentro del cuerpo
Intenté todas las ideas descritas aquí en 2016 (con Outlook 2010 en adelante), ninguna de ellas funcionó para mí. Pero tuve éxito usando esta solución: https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/
Usa la etiqueta fuerte dentro de la etiqueta de ancla (código de su publicación en el blog): <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>
Incluso soluciona el problema de un cambio de color de enlace al reenviar un correo electrónico con Gmail.
Espero que ayude a alguien mas!
una solución rápida y sucia: agregue vlink = "yourcolor" en el cuerpo de su correo electrónico HTML News Letter (funciona con! DOCTYPE PUBLIC PUBLIC "" // // W3C // DTD HTML 4.01 Transitional // EN "" http://www.w3.org/TR/html4/loose.dtd ")