表单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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

您的输入类型为button（不带引号）。它应该是submit。你的CSS选择器也应该带引号。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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