如何更改此文本的颜色？

Question

这是网站：

http://avocat.dac-proiect.ro/wp/?page_id=19

我有联系表格，文字颜色为黑色

我想更改颜色并使用CSS代码但遗憾的是这不起作用...

.contactform11 .wdform-label{color:white;}

我该如何解决这个问题？

提前致谢！

Answer 1

在页面本身（第900行附近）中指定了样式.contactform11 .wdform-label（相同的选择器，同样具体）。此样式选择器将覆盖您添加到样式表的样式选择器。

Answer 2

有一个重要的，首先要摆脱它。

.contactform11 .wdform-label {
  color: #B7B6C3 !important;
}

然后在代码块中用#fff：

替换＃000

.contactform11 .wdform-label {
  border: none;
  color: #000; /* should be #fff */
  vertical-align: top;
  line-height: 17px;
}

如果由于某种原因无法访问css文件，则使用js进行非常简单的更改。

您可以使用类似

的内容

[].forEach.call(document.querySelector('.contactform11 .wdform-label'), 
function(el) { el.style.color = '#fff' } )

有一个小的npm模块可以进一步抽象。 （不必一遍又一遍地重写.call和document.querySelector ......）

var forEachEl = require('for-each-el')

forEachEl('.contactform11 .wdform-label', 
function(el) { el.style.color = '#fff' })

Answer 3

可能是因为css规则的应用顺序。尝试使用：

.contactform11 .wdform-     label{color:white !important;}

Answer 4

继续使用元素而不是？然后在id中指定'contactform11'并使用css选择器将标签颜色设置为您想要的任何颜色（在这种情况下为白色）见下文：

<form id="contactform11"><label>Name</label></form>

CSS：

#contactform11 label {
 color: #FFF;
}

应该做的伎俩！

Answer 5

删除.contactform11和.wdform-label之间的空格。 所以：

.contactform11.wdform-label{ color: #FFF; }

Answer 6

试试这个

.contactform11
.wdform-label {
    #000;
}