CODEWITHSUNDEEP
htmlcss
Ahoura Ghotbi
Ahoura Ghotbi

Reputation: 2896

CSS issue with chrome running on OSX

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.

Upvotes: 0

Views: 59

Answers (1)

agmcleod
agmcleod

Reputation: 13621

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/

Upvotes: 2

Related Questions