无法使用css更改按钮高度

无法增加按钮的高度。它在计算样式中默认显示18px。更改宽度工作正常。所有其他风格，我应用余裕左，顶也工程，但为什么不高？无法使用css更改按钮高度

<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; 
    }

让我知道你是否需要它在浏览器中显示计算样式。请帮助

来源

2013-08-01 user2353513

您可能会发布计算出的样式。我在这里尝试这个没有额外的标记，它的工作原理：http://jsfiddle.net/mmzrP/ – framauro13

尝试添加'display：inline-block;' – bmorenate

不。内联块不起作用。我在jsfiddle中将高度更改为1000px - 我没有看到按钮高度正在增加 – user2353513

您需要添加-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

来源

2013-08-01 20:48:46 Danield

我试过了您的小提琴并将高度更改为1000px，我没有看到任何增加的高度 – user2353513

您正在使用哪种浏览器？ – Danield

safari6.0.1版本 – user2353513

这为我工作（见小提琴链接我张贴作为评论到你的文章）。我的猜测是有一个与它冲突的风格，并压倒它。无论我的显示类型如何，高度设置都能正常工作，所以其他事情必须重写高度。

来源

2013-08-01 20:51:12 framauro13

无法使用css更改按钮高度

回答

相关问题