Angular material css md-autocomplete：focus

Question

我正在尝试使用：当用户按下Keydown或Keyup时，专注于md-autocomplete以更改背景颜色。

它可以正常工作：鼠标悬停：

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

但不是：焦点。

感谢。

Answer 1

我找到了办法。我不确定这是一个好的解决方案，但它确实有效。

array[index + 1..array.length - 1]

}

Answer 2

当md-autocomplete被聚焦时，它的子元素md-autocomplete-wrap有类md-menu-showing，所以你可以使用这个类并改变这个元素的颜色。

Answer 3

md-autocomplete里面有一个输入元素，所以你必须：聚焦输入元素。

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

Answer 4

正如其他人所提到的，这是因为md-autocomplete元素本身没有得到焦点 - 相反它有一个得到焦点的子输入元素。

您可以尝试:focus-within。但是，目前这在IE或Edge中不起作用。