iOS / iPhone/ iPad / Mobile Safari = Input Buttons (submit) Forced padding

[zumajoe]

Does anyone know of a possible workaround to override the forced left and right padding for Input buttons in mobile safari?

The browser completely ignores my own padding for the buttons, no matter what I try. Works fine in all desktop browsers.

-webkit-appearance: none; doesn’t even fix the issue.

[rickylamerz]

I’ve been messing with this now for a bit. My suggestion: Make it a Div instead of a button.

Submit

and style it with CSS and make it function with jQuery… maybe even give it something like:

 Submit 


 Submit 

jQuery / Javascript

$('div.clickButton').click(function(){

rel = $(this).attr('rel');

if(rel == 'submit'){

$('form').submit();

}

if(rel != 'submit'){

window.location =rel;

}



});

You could even do this in CSS to make it look like a link:

div.clickButton {cursor:pointer;}

[Author]

Posts