Question

无法增加按钮的高度。默认情况下，它以计算样式显示为18px。改变宽度可以正常工作。所有其他风格我应用margin-left，top也有效，但为什么不是Height ??

   <input name="cancel" id="cancel" type="button" value="Cancel">

CSS

input#cancel {
   margin-top: 30px;
   margin-left: 48px;
   width: 70px;
   height: 24px!important;
}

我也试图像这样给出id的高度

   #cancel {
       height:24px;
   }

如果您需要在浏览器中显示的计算样式，请告诉我。请帮忙

Answer 1

您需要在班级中添加-webkit-appearance: none;以停用Safari的默认按钮样式

<input name="cancel" id="cancel" type="button" value="Cancel">
input#cancel { 
    margin-top: 30px; 
    margin-left: 48px; 
    width: 70px; 
    height: 42px; 
    -webkit-appearance: none;
}

请参阅 FIDDLE

Answer 2

这对我有用（请参阅我发布的Fiddle链接作为对您帖子的评论）。我的猜测是有一种风格与它相冲突并压倒它。无论我的显示类型如何，高度设置都有效，因此必须覆盖其他高度。

无法使用css更改按钮高度

2 个答案: