如何使我的'<input type="submit">'按钮更高[重复]答案

【问题标题】：How to I make my '<input type="submit">' button higher [duplicate]如何使我的'<input type="submit">'按钮更高[重复]
【发布时间】：2013-11-04 03:01:11
【问题描述】：

我正在使用插入 PHP 的网站主页上有一个表单。我的表单末尾有一个“提交”按钮，但按钮不是特别大。我可以使用 CSS 调整按钮的宽度，但是我无法更改按钮的高度。有什么办法可以让我的按钮变大？

这是按钮的 HTML：

<form>
    <input type="submit" value="Log In"/>
</form>

这是 CSS：

input[type="submit"] {
   width:20%;       /*This works*/
   height:80px;     /*This does not work- the height does not adjust*/
}

【问题讨论】：

它有效.. jsfiddle.net/vueQH 这些只是无效的 cmets，因此它们会干扰 CSS... CSS 中的注释是 /* .... */ ... 现在您已经编辑了问题..
它似乎对我不起作用，即使在你给我的 URL 上也是如此。因为我正在使用 iMac，所以这有什么不同吗？
是的——很有可能。您使用的是什么浏览器/版本..？
我使用的是最新版本的谷歌浏览器
Mac 上的已知问题.. 见 stackoverflow.com/questions/11009113/input-height-on-mac

标签： html css button submit

【解决方案1】：

试试这个：

<form id="login">
    <button>Log in</button>
</form>

添加 jQuery：

$( "button" ).click(function() {
    $( "#login" ).submit();
});

根据this 的帖子，添加<!DOCTYPE html> 也可能会解决您的问题。

【讨论】：

这很完美！但是，不需要jQuery，当点击按钮时，它会自动提交表单！

【解决方案2】：

检查它是否被另一个类覆盖。也许下面的一个类。如果您使用外部 css 框架，有时会发生这种情况。像 bootstrap ，foundation ..

【讨论】：

这似乎不是这样。无论如何感谢您的帮助