角度材料css md-autocomplete：focus

Question

私が使っているのは、ユーザーがキーダウンまたはキーアップを押したときに背景色を変更するためのmd-autocompleteに焦点を当てています。マウス用ホバー：焦点：と

md-autocomplete-parent-scope:hover{ color: rgb(63, 92, 154); }

ではなくを持つ

それの作業罰金。

ありがとうございました。

Answer 1

私はそれを行う方法を見つけました。私はそれが良い解決策であるとは確信していませんが、それは働いています。

.ng-scope .selected{ 
color: rgb(63, 92, 154); 

}

Answer 2

MD-オートコンプリートがフォーカスされているとき、それはだ子要素MD-オートコンプリートラップは、クラスMD-メニュー上映を持っているので、あなたは、このクラスを使用すると、この要素の色を変更することができます。

Answer 3

md-autocompleteにはinput要素があるので、入力要素をフォーカスする必要があります。他の人のよう

md-autocomplete input:focus { 
    background-color: yellow; 
} 

Answer 4

言及しているmd-autocomplete要素自体がフォーカスを取得していないので、これがある - その代わりに、フォーカスを取得し、子入力要素を持っています。

:focus-withinを試すことができます。しかし、現在のところIEやEdgeでは動作しません。