如何使按钮在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;}