¿Hay alguna forma de establecer un estilo en línea en un enlace href en "a: hover" en un correo electrónico html?

Question

La pregunta es saber si hay una forma de crear un correo electrónico HTML con estilo en línea (sin archivo CSS, ni etiquetas <style>) con los enlaces href que reaccionan con el mouse pasando sobre ellos: solo para poder cambiar el color fuente.

lo tanto, no JS, sin guión, sin <style>, simplemente <a href="http://www.dot.com style="....">link</a>

Answer 1

Nº

No se puede aplicar Pesudo-clases (o cualquier otra cosa que aparece en un selector) mediante el atributo de estilo.

Answer 2

La manera normal de HTML para el estilo en línea es:

<a href="url" style="color:#cfe7fe";">Click me!</a> 

Pero no estoy seguro de qué tan confiable es decir en las plantillas de correo electrónico.

Siempre se puede probar: (Although deprecated)

<font color="blue"> <a href="url">Click me!</a> </font> 

espero que ayude.

Editar: Para línea Hover trate de usar:

onmouseover="this.style.color='blue';" 
onmouseout="this.style.color='black';" 

Pero de nuevo no estoy seguro sobre el soporte de correo electrónico para esto.

Answer 3

Algunos clientes de correo electrónico admiten etiquetas style, y por lo tanto la definición de pseudo-selectores. De acuerdo con esta lista:

Guide to CSS support in E-Mail clients

:hover está soportado por un buen número de clientes.

Debería poder deslizar una etiqueta <style> en el cuerpo si es necesario. Eso no es válido, pero los E-Mails ricos son un campo de minas que difícilmente importará.

:hover es su única oportunidad, creo. No es posible definir pseudo-selectores en línea, y JavaScript está fuera porque va a ser bloqueado por la mayoría de los clientes (o ¿todos?).

Answer 4

Sin embargo, no podrá cambiar el color del subrayado. Puede ajustar el texto del enlace en un div y luego envolver el div en un enlace, así:

<a href="http://www.google.com"><div style="margin: 0px;padding: 20px 50px;font-size: 50px; color: red;">GOOGLE</div></a> 

La palabra "GOOGLE" aparecerá en rojo, pero con un subrayado azul. Entonces eso no soluciona exactamente su problema, no lo creo.