CSS更改按钮悬停颜色

Question

我有一个由wpforms插件构建的联系表单。 它希望我在空白处键入任何类名来改变我想要的任何东西。 让我们说我想改变提交按钮的背景颜色

我创建的css代码是

.contactform1 button[type=submit] {
background-color: #b49543;
}

我有这个，但这个代码由于某种原因不能工作。也许是因为课程的优先级，但我无法弄清楚。

你能帮帮我吗？ 提前谢谢！

Answer 1

以下列方式使用css的:hover选择器

.contactform1:hover {
background-color: #b49543;
}

Answer 2

将a：悬停在按钮上。

.contactform1 button:hover{
    background-color: #b49543;
}

Answer 3

这里是hover属性的样子片段。 正如您所看到的，它不会影响输入按钮或其他按钮类型。

＆＃13;

＆＃13;

.contactform1 button[type=submit]:hover {
  background-color: #b49543;
}

＆＃13;

<div class="contactform1">
  <button type="submit">button Submit</button>
  <input type="submit" value="input Submit" />
  <button type="reset">button Reset</button>    
  <button type="button">button Button</button>
</div>

＆＃13;

＆＃13;

＆＃13;

响应OP的更新： CSS遵循先入先出的结构化数据方法。因此，当您处理CSS时，可以预期会出现这种类型的流。尝试将特定的CSS放在其他所有内容之后。

进一步更新： 我查看了你的截图。您似乎不需要按钮类型悬停。只需使用

.contactform1:hover{
   background-color: #b49543;
}

这是因为它们都是同一个DOM元素的一部分。如果你试图通过DOM元素类型和类来调用它，它会认为该按钮位于.contactform1内。