css - 如何改变CSS中按钮的背景颜色？

Question

所以我尝试在 Wordpress 上添加一些额外的 CSS 并覆盖此表单按钮的颜色，但没有任何反应。我在这里输入的代码正确吗？

当我检查按钮时，它出现了......

<form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-1527" method="post" data-id="1527" data-name="Get Started"><div class="mc4wp-form-fields"><div class="input-group">
  <div class="input-icon"><i class="far fa-paper-plane"></i></div>
    <input type="email" placeholder="Your email address" class="form-control" name="email" data-error="e-mail field is required" required="">
  <button type="submit" value="Subscribe" class="item-btn">Subscribe</button>
</div></div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off"></label><input type="hidden" name="_mc4wp_timestamp" value="1635448917"><input type="hidden" name="_mc4wp_form_id" value="1527"><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1"><div class="mc4wp-response"></div></form>

我尝试 button.item-btn::before 的原因是因为它在检查器中显示了这一点

Answer 1

尝试将 CSS 样式添加为与按钮元素内联。

内联样式将覆盖外部 CSS 文件的样式。

您还可以尝试在表单元素中使用 id 选择器 id=mc4wp-form-1 来增加 CSS 样式特异性，以帮助覆盖默认值。