html - 样式提交按钮 'error' ?

Question

我正在尝试设置提交按钮的样式，但出于某种原因，这不起作用。我尝试设置高度但它不起作用。我从 W3 学校得到了一个例子，样式相同，但没有用。有没有人遇到过类似的问题？希望以下代码足够了，但如果不够，我可以编辑这篇文章。

https://snag.gy/bpdTU8.jpg

代码:

 <!-- Div that holds the form element -->
 .mainBox {
 padding-top: 15px;
 margin: auto;
 background-color:#998200;
 width: 65%;
 color: black;

 }
input[type=submit] {
    width: 50%;
    height: 40px;
    background-color: orange;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}


<input type="submit" value="Submit">

Answer 1

在输入 CSS 中，尝试添加 display: block;。像这样:

input[type=submit] {
    display: block;
    width: 50%;
    height: 40px;
    background-color: orange;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

编辑:

将 display: block 更改为 display: inline-block

希望对您有所帮助! :)