Как установить размер кнопки в HTML

У меня есть несколько кнопок на моей чистой странице HTML/JS. Когда страница открывается в браузере, размер кнопки является нормальным. Но на странице обновления/перезагрузки размер кнопки уменьшается. На самом деле, я не задал текстовое значение кнопки. Текст кнопки пуст. Как установить размер моей кнопки в HTML независимо от размера текста?

Ответ 1

Вы имеете в виду что-то вроде this?

HTML

<button class="test"></button>

CSS

.test{
    height:200px;
    width:200px;
}

Если вы хотите избегать CSS, см. this:

<button style="height:200px;width:200px"></button>

Ответ 2

button { 
  width:1000px; 
}

или даже

 button { 
    width:1000px !important
 }

Если это то, что вы имеете в виду

Ответ 3

Это не может быть сделано с помощью чистого HTML/JS, вам понадобится CSS

CSS

button {
     width: 100%;
     height: 100%;
}

Замените 100% требуемого размера

Это можно сделать разными способами