如何使按钮在 JSP 页面中不可调整大小

Question

简单的问题：我的 JSP 页面中有这样的按钮

<input type="button" class="MyButton" disabled>

这是 CSS 样式：

.MyButton{

background-color:#44c767;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:15px 21px;
text-decoration:none;

}
.MyButton:hover {
 background-color:#5cbf2a;
}
.MyButton:active {
 position:relative; 
}

我希望我的按钮在设置值时不会改变大小，例如：

<input type="button" class="MyButton" value="1" disabled> 

如果我的按钮具有宽度：10px 和高度：10px 的尺寸，我希望它继续具有该尺寸也与 value 参数

我该怎么做？

Answer 1

在您的 css 文件中，尝试：

.MyButton {width: 150px}

或

.MyButton {width: 150px !important;}