使用 Wordpress 插件覆盖 CSS

Question

可以请我手吗？我正在努力覆盖 Wordpress 自定义字段搜索插件上的 CSS，它似乎对出现在小部件和页面中的搜索框使用相同的样式。如果你看http://www.landedhouses.co.uk/parties/ ，白色文本在小部件中的搜索框可见，但在页面上不那么明显。任何想法如何解决这一问题!？不幸的是，将此添加到页面的 php 并没有取得任何效果:

    <h2>By size and price</h2>
<p style="color:000;"><?php if(function_exists('wp_custom_fields_search')) 
wp_custom_fields_search(); ?></p>

非常感谢!

Answer 1

这是给您带来问题的样式规则。

/* searchforms.css line 15 */
.searchform-label {
  display: block;
  float: left;
  width: 200px;
  overflow: hidden;
  font-size: 1.1em;
  font-family: sans-serif;
  font-weight: bold;
  padding-top: 4px;
  color: white;
}

您可以使用 css 做一些事情。您可以在样式表中制定覆盖规则:

.searchform-label {
  color: black;
}

如果这不起作用，您可以制定更具体的规则:

label.searchform-label {
  color: black;
}

或者您可以在最坏的情况下制定一个 !important 规则。

.searchform-label {
  color: black !important;
}