表单 css 问题中的输入类型提交按钮

Question

我在 div 中有输入类型按钮（在表单中），我尝试更改输入的 css 但没有效果。

<input type=button value="Search" id="search">

css:

input[type=submit] {
color: #000000;
         background-color: #FFFFFF;
         font-size: 16px;
}

Answer 1

您的标记指定了 [type=button]，但您的 CSS 引用了 [type=submit]。

改变你的HTML：

<input type="submit" value="Search" id="search">

Answer 2

您已给出按钮而不是提交 Fiddle

input[type=submit] {
    color: green;
    background-color: #FFFFFF;
    font-size: 16px;
}

<input type="submit" value="Search" id="search">

Answer 3

您的输入类型是button（不带引号）。应该是submit。另外你的CSS-selector应该带引号。

input[type="submit"] { ... }

<input type="submit" value="Search" id="search">

Answer 4

您已经设置了 id，所以只需引用：

#search {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 16px;
}

Answer 5

在 css:

中使用分号

input[type="submit"] {
color: #000000;
     background-color: #FFFFFF;
     font-size: 16px;
}

或者

input[type="button"] {
color: #000000;
     background-color: #FFFFFF;
     font-size: 16px;
}

Answer 6

在你的 css 中做：

input[type='button'] {
color: #000000;
         background-color: #FFFFFF;
         font-size: 16px;
}

也尝试将类型参数的按钮放在引号中：

<input type='button' value="Search" id="search">

Input type submit button in form css issue