CODEWITHSUNDEEP
htmlcss
hackrnaut
hackrnaut

Reputation: 583

Why doesn't my input button change height?

I can't change the size of my input button. Can anyone explain why?

#reset{
    width: 200px;
    height: 100px;
}
<input id="reset" type="button" value="Reset">

JSFiddle

Upvotes: 0

Views: 2137

Answers (1)

gopalraju
gopalraju

Reputation: 2309

By default the styling of input elements would be based on the user's operating system's theme. You have to override that with the following to remove the defaults.

input[type="button"]{
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
}

Fiddle: http://jsfiddle.net/rxa60aj6/1/

Upvotes: 3

Related Questions