如何在HTML中设置按钮的大小

Question

我的纯HTML/JS页面上有一些按钮.在浏览器中打开页面时,按钮大小正常.但是在刷新/重新加载页面上,按钮大小会减小.实际上,我没有设置按钮文本值.按钮的文本为空白.我应该如何在HTML中设置按钮的大小而不考虑文本的大小？

Answer 1

你的意思是像这样？

HTML

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

CSS

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

如果你想避免CSS,看到这个:

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

Answer 2

button { 
  width:1000px; 
} 

甚至

 button { 
    width:1000px !important
 } 

如果这就是你的意思

Answer 3

这不能用纯HTML/JS来完成,你需要CSS

CSS:

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

用所需尺寸替代100%

这可以通过多种方式完成