How to remove underline coming under text in mail template

[bhavana10]

I'm facing difficulty in removing the underline which is popping up under the text in the notification sent.  In the notification design,i made use of mail template as below.  Though i'm making text-decoration as none, the underline still shows when the email is viewed in outlook.

"<td style="border: 1px solid #7f7f7f; height: 30px; text-align: center;"><span style="color: #000000;"><span style="text-decoration: none;">&nbsp;</span><span class="my-link" style="font-weight: bold; text-decoration: none; font-size: 14pt; font-family: arial, helvetica, sans-serif;">${mailto:ClickReopen}</span></span></td>"

Please suggest me other ways around to have the underline eliminated.

Thanks and Regards,

Bhavana Lanka.

[Maik Skoddow]

Hi

you have to investigate the resulting HTML of the complete Email. After reading the following article you need to find a CSS selector with a higher specificity.

https://www.w3schools.com/css/css_specificity.asp

Kind regards
Maik

[bhavana10]

Hello Maik,

Thanks for your reply.  I did try with different selectors, currently I was giving the code as below 

<style>
.my-link > a {
text-decoration: none;
font-weight: bold;
font-size: 14pt;
font-family: arial, helvetica, sans-serif;
}

and later i'm making use of the above custom class style as:

<td style="border: 1px solid #7f7f7f; height: 30px; text-align: center;"><span style="color: #000000;"><span style="color: #000000;"><span style="text-decoration: none;">&nbsp;</span></span> <a class="my-link" style="font-weight: bold; text-decoration: none; font-size: 14pt; font-family: arial, helvetica, sans-serif;">${mailto:PG_ITSM_Reopen}</a></span></td>

eventhough i'm still facing the underline appearance as mentioned.

[Gw_na_lle Houes]

Hi,

I'm dealing with the same issue, did you find the solution?

thanks