www.livejournal.com のすべてのページでスタイリッシュなユーザー スタイルを作ろうとしています。テキストのスタイルを設定し、特定の背景色で入力ボックスを選択したいのですが、設定されていても、すべての入力ボックスで背景色が設定されていcolorません。一部のボックスは白のままです。
それらを Firebug で調べると、計算された CSS の背景色は指定した色 (白ではありません!) であると表示されます。
私が使用しているコードは
input[type*=text], select {
-moz-border-radius: 0px!important; border-radius: 0px!important;
border-color: #626363!important; border-color: rgba(255,255,255,0.06)!important;
color: #aaa!important; background: #3A4756!important;
font: 11px lucida grande, segoe ui, calibri, arial, sans-serif!important; }
#SearchText { background: #3A4756!important; }
#SearchText特定の問題要素の ID です。 color: #aaa!important;背景色が無視されるこれらすべての要素に適用され、他のほとんどの入力ボックスは正しくスタイル設定されます。
なぜこれが起こっているのでしょうか?回避策はありますか?
更新: セレクターを に変更してinput[type="text"]、 の前にスペースを入れてみました!important;。
また、 www.livejournal.comのソース全体を html フィールドに貼り付けて、スタイル コードをいじりました。その場合、背景色は正しく適用されます。ただし、そのコード ブロックだけで自分のユーザー スタイルを試して (後で何も上書きされないようにするため)、実際にサイトにアクセスすると、適用されません。
更新: FF を変更せずに Brock の提案に従いました :( ただし、問題の入力ボックスは Chrome でスタイル設定されるため、明らかにこれは FF の問題です。