Hello. Apologies if this has already been asked but I couldn't see how to search through the Code Questions.

I'm building an email that contains a telephone number and I'd like mobile users to be able to call the number. I've been following this Campaign Monitor article, which also disables the telephone link on desktop and web clients by making use of 'pointer-events: none;'.

It's almost working. I can call the number from my mobile and the link is disabled in Outlook (web and desktop) but in Gmail the cursor turns to a pointer and opens up tel:0123456789 in a new tab. I've tried adding pointer-events:none to the td inside the anchor but it makes no difference. Any ideas on how to disable the link in Gmail?

Here's my code:

<td align="left" valign="top">
    <a class="disable-link" href="tel:0123456789" cm_dontconvertlink style="pointer-events:none;cursor:default;">
        <table cellpadding="0" cellspacing="0" width="100%" border="0">
            <tr>
                <td align="left" valign="top" style="color:#cfcfcf;line-height:22px;font-size:16px;" >T: 01234 567 890</td>
            </tr>
        </table>
    </a>
</td>

CSS:

.disable-link {
    pointer-events: none;
    cursor: default;
}

@media only screen and (max-width: 480px) {
    a[class="disable-link"] {
        pointer-events: auto !important;
        cursor: auto !important;
    }
}