Question

为什么我的CSS不会改变提交按钮的高度？宽度改变但高度不改变。我也尝试过使用填充但是它不会改变。

这是我的代码： -

.contact-form input[type="submit"] {
  width: 100%;
  height: 65px;
}

<form class="contact-form" action="">
  <input type="text" name="fullname" placeholder="full name">
  <input type="text" name="email" placeholder="email address">
  <input type="text" name="subject" placeholder="subject">
  <textarea name="message" placeholder="message"></textarea>
  <input type="submit" value="Submit">
</form>

https://i.stack.imgur.com/DpdQK.png

由于

Answer 1

您必须在提交按钮中使用填充才能调整大小。我在下面举一个例子。

input[type=submit] {
  width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 40px 20px;
    border: none;
}

<form class="contact-form" action="">
  <input type="text" name="fullname" placeholder="full name">
  <input type="text" name="email" placeholder="email address">
  <input type="text" name="subject" placeholder="subject">
  <textarea name="message" placeholder="message"></textarea>
  <input type="submit" value="Submit">
</form>

为什么我的CSS不会改变提交按钮的高度？

1 个答案: