すでに解決済みと見ていい段階ですが、ちょっと横から失礼します。
ぼくも、Web 検索でのオートコンプリートは通常オフにしているので、あまり自信はないのですが......。
hover(と文字色の指定)を省略しただけですが、下記ではどうでしょう。カーソルでの選択も効きませんか。
コード:
/* Google 検索のオートコンプリートのドロップダウンリストの選択背景色 */
@-moz-document url-prefix("http://www.google.co.jp/") {
.gac_b td.gac_c {background-color: red !important;}
}
ここではサンプル的に目立たせるためわざと「red」で指定してありますが、実際の使用ではご自身の好みの色を指定してください。16 進コード指定でも RGB 指定でもかまいません。文字色も変えたいなら A さんのコードを参考に組み合わせを工夫してみてください。
また、最初に tet さんからご提案があったように、選択背景色はそのままにドロップダウンリスト全体の背景色と文字色を変更することで、相対的に選択時の視認性を向上させることも可能でしょう。
ポイントは、全背景色に選択背景色が埋没せず、選択・非選択どちらでも可読性を確保できる文字色という三者の配色バランスでしょうか。
例えば、選択背景色は Google の指定をそのまま活かして、
コード:
/* Google 検索のオートコンプリートのドロップダウンリストの全背景色と文字色 */
@-moz-document url-prefix("http://www.google.co.jp/") {
.gac_m {color: navy !important; background-color: gray !important;}
}
とか......。
@-moz-document url-prefix("http://www.google.co.jp/")
は、http://www.google.co.jp/ を先頭に含むすべてのページを対象にすることを指定しています。
したがって、http://www.google.co.jp/search?hl= ~ などの検索結果のページに対しても有効です。
しかし、http://www.google.com/ など先頭の指定 URL に一致しないサイトにはこのスタイルは適用されません。
| ダブルクォーテーションは、あってもなくても機能するようですが、
| 本当はどっちが望ましいのかよくわかりません...。
(補足)
Firefox で表示された Google の検索ページのスタイルと、Firefox のインターフェイスの一部を構成する検索バーのスタイルは別物だと考えてください。(スタイルの書式は似たようなものですが......。)
userChrome.css は、Firefox 本体のユーザーインターフェイスのスタイルをカスタマイズするときに使われます。
userContent.css は、Firefox のコンテンツエリアに表示される内容(通常は Web ページ)のスタイルをカスタマイズするときに使われます。
今回のご質問は、Firefox 本体の検索バーではなく、Firefox で表示した Google の Web ページの話なので、 userContent.css での対応になります。
以上です。間違ってたり余計な話だったらすみません。