CSS pseudo-class:focus が個々のプロパティに対してのみ機能するのはなぜですか? _html/css_WEB-ITnose

タグ:
CSS: #txt_search:focus { border:1px Solid #FFA00; background-image:url('img/icon-search-s.png'); background-color:Yellow;color:Red;}
入力時に使用できるのは color と background-color のみですフォーカスは変更されましたが、境界線と背景画像は変更されませんでした。これはなぜですか? JQ の .focus() でこのアクションを完了できますが、それでも CSS 疑似クラス コードを使用する方が美しいと思います。なぜ CSS が個々の属性のみを選択的に変更するのか興味があります。神に答えを求めてください

ディスカッションに返信（解決策）

優先課題
境界線を削除: 1px 実線 #E0E0E0; 背景-画像:url('img/icon-search -n . png');
他の場所で定義するには CSS を使用します

優先事項

境界線を削除します: 1px の背景 #E0E0E0;
CSS を使用して他の場所で定義 ローカル定義

は優先順位の問題ではないようです デフォルトのスタイルとフォーカスのスタイルは両方とも内部スタイルとして記述されており、役に立ちません
要素の style 属性のスタイルが最も高いです。優先順位を設定し、他のスタイル シートの同じ名前のスタイルをオーバーライドします

優先事項
境界線を削除: 1px ソリッド #E0E0E0; cssを使用して別の場所で定義してください

優先順位の問題ではないようです デフォルトのスタイル 内部でフォーカススタイルを記述するのと同じくらい役に立ちません

border:1px Solid #FFA A00
確かに優先順位の問題です。先ほどの #FFA000 は外側では #FFA00 と書かれていました。問題はすべて内部形式で記述することで解決します。ありがとう!