los - quitar subrayado html

¿Cómo elimino el subrayado de enlaces en mi correo electrónico HTML?

Question

<td width="110" align="center" valign="top" style="color:#000000;">
    <a href="https://example.com" target="_blank"
       style="color:#000000; text-decoration:none;">BOOK NOW
    </a>
</td>

Utilicé este código para hacer un enlace en mi correo electrónico HTML. En los navegadores y en Outlook funciona bien, pero en GMail, Hotmail y ymail muestra enlaces subrayados.

¿Alguien puede ayudarme a deshacerme de esto?

Answer 1

--Información desde lejos--

todo lo que tienes que hacer;

<a href="" style="text-decoration:#none; letter-spacing: -999px;">

Answer 2

Agregué ambas declaraciones en la a href que funcionaba en Outlook y en las aplicaciones de Gmail. Outlook ignora el! importante y gmail lo necesita. Las versiones web del correo electrónico funcionan con ambos.

text-decoration: none !important; text-decoration: none;

Answer 3

Aquí en http://www.campaignmonitor.com/css/ , ¡una buena explicación para decir que esto está restringido! Y una buena guía para conocer todas las limitaciones de CSS en los clientes de correo electrónico.

Answer 4

Copié mi página html y pegué en la palabra. Edité la firma en word eliminando los espacios donde se coloca el subrayado y hago mi propio "relleno" presionando la barra espaciadora. Copiado de nuevo y pegado en Outlook 2013. Funcionó bien para mí.

Answer 5

Creo que si coloca un estilo de <a> después de la etiqueta <a> con text-decoration:none funcionará en la mayoría de los navegadores / clientes de correo electrónico.

Como en:

<a href="" style="text-decoration:underline">
    <span style="color:#0b92ce; text-decoration:none">BANANA</span>
</a>

Answer 6

Deberías escribir algo como esto.

<a href="#" style="text-decoration:none;">BOOK NOW</a>

Answer 7

Depende completamente del cliente de correo electrónico si quiere mostrar el subrayado debajo del enlace o no. A partir de ahora, los estilos en el cuerpo solo son compatibles con:

• Outlook 2007/10/13 +
• Outlook 2000/03
• Apple iPhone / iPad
• Outlook.com
• Apple Mail 4
• Yahoo! Correo Beta

http://www.campaignmonitor.com/css/

Answer 8

Después de medio día investigando esto (y 2 años desde que se abrió esta pregunta), creo que he encontrado una respuesta completa a esto.

<a href="#"><font color="#000000"><span style=''text-decoration:none;text-underline:none''>Link</span></font></a>

(Necesita la propiedad de subrayado de texto en el espacio dentro del enlace y la etiqueta de fuente para editar el color)

Answer 9

El código como las líneas a continuación me funcionó en el cliente web de Gmail. Un enlace negro sin subrayado apareció en el correo electrónico. No utilicé la etiqueta span anidada.

<table>
  <tbody>
    <tr>
        <td>
            <a href="http://hexinpeter.com" style="text-decoration: none; color: #000000 !important;">Peter Blog</a>
        </td>
    </tr>
  </tbody>
</table>

Nota: Gmail eliminará cualquier estilo de línea incorrecto. Por ejemplo, un código como el de la línea siguiente tendrá sus estilos en línea eliminados.

<a href="http://hexinpeter.com" style="font-family:; text-decoration: none; color: #000000 !important;">Peter Blog</a>

Answer 10

En Windows 10 Mail, es posible que necesites agregar esto en tu cabeza html:

<!--[if (mso)|(mso 16)]>
  <style type="text/css">
    body, table, td, a, span { font-family: Arial, Helvetica, sans-serif !important; }
    a {text-decoration: none;}
  </style>
<![endif]-->

La ''a {text-decoration: none;}'' solucionó los problemas de subrayado :)

Answer 11

La decoración del texto Ninguno no funcionaba para mí, luego encontré un correo electrónico en Outlook que no tenía línea y verifiqué el código:

<span style=''font-size: 12px; font-family: "Arial","Verdana", "sans-serif"; color: black; text-decoration-line: none;''>
<a href="http://www.test.com" style=''font-size: 9.0pt; color: #C69E29; text-decoration: none;''><span>www.test.com</span></a>
</span>

Este está trabajando para mí.

Answer 12

Mientras ve el correo electrónico html, intente inspeccionar el elemento en ese enlace y vea qué está sobrescribiéndolo. Use esa clase y defina ese estilo nuevamente en su estilo de cabeza y defina la decoración de texto: ¡ninguna! Importante;

En mi caso, estas son las clases que están sobrescribiendo mi estilo en línea, así lo declaré en el encabezado de mi correo electrónico html y definí el estilo que deseo implementar.

Funcionó para mí, espero que funcione también en la tuya.

.ii a[href]{
text-decoration: none !important;
}

#yiv8915438996 a:link, #yiv8915438996 span.yiv8915438996MsoHyperlink{
text-decoration: none !important;
}   

#yiv8915438996 a:visited, #yiv8915438996 span.yiv8915438996MsoHyperlinkFollowed{
text-decoration: none !important;
}   

Answer 13

Otra forma de engañar a Gmail (para números de teléfono): use un ~ en lugar de -

404-835-9421 -> 404 ~ 835 ~ 9421

Le ahorrará a usted (oa los usuarios menos expertos ;-) el viaje por el carril html.

Encontré otra forma de eliminar los enlaces en Outlook que he probado hasta ahora. si creas una clase en blanco, por ejemplo, en tu css, di .blank {} y luego haz lo siguiente en tus enlaces, por ejemplo:

<a href="http://www.link.com/"><span class="blank" style="text-decoration:none !important;">Search</span></a>

esto funcionó para mí con suerte ayudará a alguien que todavía tiene problemas para sacar el subrayado de los enlaces en Outlook. Si alguien tiene una solución para gmail, por favor, ¿podría ayudarme a intentarlo todo en este hilo? Nada funciona.

Gracias

Answer 14

Para "ocultar" completamente el subrayado de <a> tanto en la aplicación de correo como en el navegador web, puede hacer lo siguiente de una manera difícil.

<a href="..."><div style="background-color:red;">
    <span style="color:red; text-decoration:underline;"><span style="color:white;">BUTTON</span></span>
</div></a>

1. El color en 1st <span> es el que no necesita, DEBE establecer el mismo color de fondo. (rojo aquí)

2. Color en 2nd <span> es el que corresponde al texto de su botón. (blanco aquí)

Answer 15

Puedes hacer un "estilo redundante" y eso debería solucionar el problema. Utiliza el mismo estilo que tienes en el pero lo agregas a uno que está dentro del.

Ejemplo:

<td width="110" align="center" valign="top" style="color:#000000;">
    <a href="https://example.com" target="_blank"
       style="color:#000000; text-decoration:none;"><span style="color:#000000; text-decoration:none;">BOOK NOW</span></a>
</td>

Answer 16

Todos los clientes de correo electrónico ajustan el código HTML y el código CSS que proporciona según sus propias reglas:

Por ejemplo: gmail elimina todo menos el HTML interno de la etiqueta del cuerpo.

1. para la mayoría de los demás clientes, puede tener una etiqueta de estilo en su encabezado

<style type="text/css">
    a {text-decoration: none !important;}
</style>

nota: no utilice los comentarios de CSS ya que YAHOO! Mail puede causar problemas.

2. para estar en el lado de guardar, agregue el mismo código en línea en la etiqueta A como lo hizo y también una etiqueta de separación adicional (las reglas de estilo en las etiquetas se eliminan a menudo)

<a href="" style="text-decoration: none !important;">
    <span style="text-decoration: none !important;">
        text
    </span>
</a>

Answer 17

Use text-decoration:none !important; en lugar de text-decoration:none; para asegurarse de que "perder" el subrayado.

Answer 18

Uso! Importante en la regla de decoración de texto. <a href="#" style="text-decoration:none !important;"> RESERVA AHORA </a>

Answer 19

Utilicé una combinación de no mostrar enlaces en google, agregando enlaces para mso (Outlook) y la etiqueta tímida, para mantener la apariencia de mi empresa. Algunos códigos pueden ser redundantes (para mi empresa, el aspecto es más importante que la parte que se puede hacer clic) (se sintió como un rompecabezas, ya que cada cambio frena otra cosa)

<td style="color:rgb(69, 54, 53)">
<!--[if gte mso 9]>
<a href="http://www.immothekerfinotheker.be" style="text-decoration:none;">
<span style="text-decoration:none;">
<![endif]-->
www&shy;.&shy;immothekerfinotheker&shy;.&shy;be
<!--[if gte mso 9]>
</a>
</span>
<![endif]-->
</td>

Espero que esto ayude a alguien

Answer 20

Veo que esto ha sido respondido; sin embargo, creo que este enlace proporciona información adecuada sobre qué formato es compatible con varios clientes de correo electrónico.

http://www.campaignmonitor.com/css/

Vale la pena señalar que GMail y Outlook son dos de los más exigentes para formatear el correo electrónico HTML.

Answer 21

<a href="#" style="text-decoration:none !important; text-decoration:none;">BOOK NOW</a>

Outlook eliminará el estilo con !important etiqueta !important deja el estilo regular, por lo tanto, sin subrayado. La etiqueta !important prevalecerá sobre el estilo predeterminado de los clientes de correo electrónico basado en web, por lo que no deja ningún subrayado.