Question

I have the following html code :

<div class="submit"><input type="button" name="getResult" value="Get Comments" class="sbutton" /></div>

and the CSS is :

#sForm .submit {
float:left;
width:100%;
margin-top:10px;
}

#sForm .sbutton {
width:100%;
height:50px;
font-size:70px;
padding-left:10px;
}

assume the html is wrapper around : <div id="sForm"></div>

the entire page works except the button getResult . it doesnt take any of the CSS attributes except width:100%. but the same page loads fine on firefox.

Answer 1

I put your example in a jsfiddle and was able to replicate the issue. It looks like you need the -webkit-appearance:button; in your button selector:

http://jsfiddle.net/aj2AX/