样式提交按钮 'error'？

Question

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

代码：

 <!-- 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

希望对您有所帮助！ :)

样式提交按钮 'error'？

Styling submit button 'error'?

html

css

submit