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などのより具体的なものをターゲットにする必要があります。それが機能しない場合は、直接の親要素と、>たとえばラベルがPでラップされている場合は、使用するp>label.searchform-label

簡単にオーバーライドできるように、！importantが必要になることはめったにありませんが、！notimportantが必要になります：D

于 2012-06-10T09:05:47.307 に答える