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*/
}

Answer 1

检查是否被其他课程覆盖。也许下面的课程。有时，如果您使用外部css框架，则会发生这种情况。像bootstrap，foundation ..

Answer 2

试试这个：

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

添加jQuery：

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

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