Angular material css md-autocomplete :焦点

Question

当用户按下Keydown或Keyup时，我尝试使用:focus on 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-autocomplete被聚焦时，它的子元素md-autocomplete-wrap有md-menu- so类，所以你可以使用这个类并改变这个元素的颜色。

Answer 3

md-autocomplete中有一个input元素，所以您必须:将input元素作为焦点。

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