My button is not clickable

Context: I followed a tutorial on how to build an HTML email from scratch. I wanted to add more styling to it by creating a button, however the button isn’t clickable.

              <td style="padding: 0px 0 30px 0;" align="center">
                <button id="button" type="button" style="width: 70%; height: 60%; font-family: 'Prata', serif; background-color: #011627; font-size: 22px; color: #fdfffc; padding: 10px; border: 0px; border-radius: 6px;" bgcolor="#011627" border="0">
                  This Button Does Nothing

Can anyone tell me what I’m doing wrong? Thanks!

what error you are getting?

Button is still clickable, but because you removed border it looks like it doesn’t click.


I agree with @jenovs, one way you can test this is to add some javascript to test your button.

Here’s an example:

If you see the clickable cursor icon (looks like a hand doing a finger gun at a 90 degree angle), it works.

^ Buttons default cursor style is not pointer.