Html Form Buttons not displaying correctly in mobile safari [Solved]

This is problem caused by safari attempting to default buttons in the mobile browser to its own apple look. A simple fix can be done using CSS. First add a class to your input button tag in the form which you may already have put there:

<input type="submit" value="SUBMIT" name="submit" class="mySubmitClass" />

then in your stylesheet add the following to fix the issue once and for all:

.mySubmitClass {
    -webkit-appearance: none;
}


One thought on “Html Form Buttons not displaying correctly in mobile safari [Solved]”

Leave a Reply