How to set the size of button in HTML

Question

I have some buttons on my pure HTML JS page  When the page is opened in browser  the button size is normal  But on refresh reloading page  the button size is reduced  In fact  I have not set the button text value  The button s text is blank  How should I set the size of my button in HTML irrespective to the size of the text

User · Answer

Do you mean something like this   HTML   lt button class  test  gt  lt  button gt    CSS   test      height 200px      width 200px      If you want to use inline CSS instead of an external stylesheet  see this    lt button style  height 200px width 200px  gt  lt  button gt

User · Answer

This cannot be done with pure HTML JS  you will need CSS  CSS   button        width  100        height  100       Substitute 100  with required size  This can be done in many ways

User · Answer

button      width 1000px        or even   button        width 1000px  important       If thats what you mean

User · Answer

If using the following HTML    lt button id  submit-button  gt  lt  button gt    Style can be applied through JS using the style object available on an HTMLElement   To set height and width to 200px of the above example button  this would be the JS   var myButton   document getElementById  submit-button    myButton style height    200px   myButton style width   200px     I believe with this method  you are not directly writing CSS  inline or external   but using JavaScript to programmatically alter CSS Declarations

[html] How to set the size of button in HTML

Examples related to html

Examples related to button