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">
Asked
Active
Viewed 2,096 times
0
-
I'm trying to make the button height bigger. – hackrnaut Jul 24 '15 at 02:14
-
I am not able to reproduce the issue, what browser are you using. Altering the height via CSS works as intended. – Alexander Dixon Jul 24 '15 at 02:36
-
I got it, it's because my browser has default button settings. – hackrnaut Jul 24 '15 at 02:50
-
Your proof of concept is profound. May I please practice and build upon it? The utilization of `for(;;) {}` `.width()` `.height()` and `.appendTo()` methods to excecute a large task so quickly. I will use it, preferably to make a simple reveal the message or show the picture app. To practice as well. – Alexander Dixon Jul 25 '15 at 01:47
-
1For sure, go for it! – hackrnaut Jul 25 '15 at 04:14
1 Answers
3
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/
gopalraju
- 2,299
- 1
- 12
- 15