Question

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

代码：

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

希望这有帮助！：）

样式提交按钮'错误'？

1 个答案: