My button is not clickable

HTML-CSS
1

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.

            <tr>
              <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
                </button>
              </td>
            </tr>

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

2

what error you are getting?

3

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

2 Likes
4

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

Here’s an example: https://stackoverflow.com/questions/2788191/how-to-check-whether-a-button-is-clicked-by-using-javascript

5

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

6

^ Buttons default cursor style is not pointer.