html - 如何让我的 ' ' 按钮更高

Question

我正在使用插入 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*/
}

score 0 · Accepted Answer

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

score 0 · Accepted Answer

试试这个：

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

添加 jQuery：

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

根据这篇文章，添加<!DOCTYPE html>也可以解决您的问题。

2 回答 2