0

请问我可以手吗？我正在努力覆盖 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>

非常感谢！

4

2 回答 2

0

这是导致您出现问题的样式规则。

/* 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;
}
于 2012-06-10T08:43:43.277 回答
0

作为上述答案的延伸（我仍然无法评论：（）

一般来说，如果原件没有使用！important，则更具体的规则将覆盖该属性，

因此，作为原始目标 .searchform-label，您只需要定位更具体的内容，例如 label.searchform-label，如果这不起作用，请包含直接父元素和 a，>例如，如果标签包含在 P 中，利用p>label.searchform-label

应该很少需要！important，尽管他们应该做一个！notimportant，以便于覆盖：D

于 2012-06-10T09:05:47.307 回答