无法识别CSS或控制背景颜色的元素

Question

我无法更改WordPress插件上某个按钮的背景颜色。

按钮和文本设置为白色，我试图识别控制它的CSS文件，不幸的是，我在浏览器的inspect元素中没有运气。

它以弹出形式并入-因此其他多个文件也会起作用。

我在检查过程中更改了浏览器的颜色，但需要修复。

Answer 1

您可以通过在定义后设置！important或更好地定义范围来覆盖CSS属性（例如，通过在类选择器之前编写body或html）。 确保您的css文件能够“访问” dom元素-如果该元素在iframe中，则css将无法工作。

body .wpforms-page-button {
     background-color: green !important;
}

Answer 2

使用！important通常被认为是hacky。屏幕快照中的两个规则具有相同的CSS特异性，因为它们都在input [type =“ submit”]和.button上触发。

没有看到相应的HTML，我无法为您提供确切的语法，但是类似

.parentclassname输入[type ='submit']和.parentclassname .button应该使您的样式比原始规则更具体，因此具有优先权。

Answer 3

您尝试在#fff之后设置！important吗？ ？

像这样：

input[type=submit] {
background-color: #fff!important;
}

最好的方法是在类中定义按钮，因此您只能更改此特定按钮的颜色。否则，如果将CSS设置为常规样式，它将把所有按钮更改为#fff颜色。