角材质CSS md-autocomplete：focus

Question

我正在尝试使用：当用户按下Keydown或Keyup时，重点关注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里面有一个输入元素，所以你必须：集中输入元素。

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

Answer 4

正如其他人所说，这是因为md-autocomplete元素本身并没有获得焦点 - 而不是它有获得焦点的子input元素。您可以尝试:focus-within。但是，这目前不适用于IE或Edge。