用於刪除提交按鈕中的填充（邊距？）的CSS

Question

我一直在嘗試從“提交”（發送表單）按鈕中刪除填充（邊距？）並應用字體，顏色等，但是無法使代碼在網站表單中正常工作。

input[type=submit] {
  color: red;
  font-family: "Open Sans Condensed";
  font-size: 18pt;
  font-weight: bold;
  background-color: #595959;
  padding: 0;
  border: none;
  border-radius: 0;
}

CSS代碼的哪一部分丟失了？

Answer 1

.form-actions {
    padding: 19px 20px 20px; // Here is your problem
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #aea790;
    border-top: 1px solid #e5e5e5;
}

填充來自form-action div（按鈕容器），而不是輸入。

Answer 2

這是因為您要定位的提交按鈕實際上不是input 。 這只是div中的<button> 。

嘗試此操作以定位正確的元素：

.form-actions {
    color: red;
    font-family: "Open Sans Condensed";
    font-size: 18pt;
    font-weight: bold;
    background-color: #595959;
    padding: 0;
    border: none;
    border-radius: 0;
}