Cómo escribir un: visitado en CSS en línea?

Question

Tema relacionado: How to write a:hover in inline CSS?

Necesito crear un correo electrónico HTML News Letters. Todos los estilos deben estar en línea. (Según - http://www.campaignmonitor.com/css/ No todos los clientes de correo electrónico reconocen etiqueta de estilo con la etiqueta HEAD pero todos prefieren los estilos en línea..)

Mi Problema: El diseñador quiere un color de fondo oscuro + enlaces blancas, por lo Yo uso -

<a href="http://www.mySite.com" target="_blank"> 
    <span style="color: #ffffff;" >ici</span> 
</a> 

pero el "color visitado" por defecto es oscuro.

¿Hay alguna otra manera de cambiar el "color visitado"?

Gracias,

Atara.

P.S. También probé el enlace del CUERPO descifrado, atributos vlink. no funcionó.

Answer 1

Primero, ¡buena suerte! El correo HTML está firmemente atascado en los niveles tecnológicos de 1996.

---

Una cosa a intentar si no lo hace realidad necesidad una por separado "visitaron" el color es añadir una! Importante en el lapso.

Por ejemplo, el cliente de correo puede tener algo como esto en su hoja de estilos:

a:visited * { color: #000 !important; } 

En cuyo caso, que anulará su estilo en línea.

Por lo tanto, trate de cambiar su lapso de:

<a href="http://www.example.com" target="_blank"> 
    <span style="color: #ffffff !important;" >ici</span> 
</a> 

a anularlo de nuevo.

Una prueba rápida en Chrome muestra que el a:visited * { ... !important} reemplaza el estilo en línea, pero agregar el !important al lapso funciona bien.

---

2017 Actualización

El CampaignMonitor guía CSS ahora parece recomendar el uso de un elemento <style> en la cabeza, en lugar de todos los estilos inline. Según otras respuestas, esto parece proporcionar la mejor compatibilidad con la versión más reciente de Outlook.

Answer 2

una solución rápida y sucia: añadir vlink = "yourcolor" en el cuerpo de su correo electrónico HTML News Letter (funciona con DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN! " " http://www.w3.org/TR/html4/loose.dtd ")

Answer 3

Esto es bastante antiguo, pero pensé que sería útil para alguien.Nada más trabajó para mí en Outlook 2013, excepto el uso de la llanura de edad

<style>a:visited{color:white !important}</style> 

dentro del cuerpo

Answer 4

Probé todo lo que las ideas descritas aquí en 2016 (con Outlook 2010 en adelante), ninguno de ellos trabajó para mí . Pero tenía éxito en el uso de esta solución: https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

Se utiliza la fuerte etiqueta dentro de la etiqueta de anclaje (código de su entrada en el blog): <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

Incluso se soluciona el problema de un color de los enlaces de cambiar al reenviar un correo electrónico con Gmail.

¡Espero que ayude a cualquier otra persona!

Answer 5

¿Por qué no intentar establecer el atributo style dentro de la etiqueta <a> y eliminar el <span> en total?

Hacer eso en línea debe sobrescribir la propiedad :visited.

De esta manera:

<a href="http://www.example.com" target="_blank" style="color: #ffffff !important;" > 
    ici 
</a> 

Nota: Y sólo para estar seguro que puede añadir la propiedad !important allí para respaldar aún más arriba.

Creo que esta es la mejor práctica y la forma más limpia de hacerlo.