Angular material css md-autocomplete:focus

时间:2016-11-25 09:43:44

标签: css-selectors angular-material md-autocomplete

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

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

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

但不是:焦点。

感谢。

4 个答案:

答案 0 :(得分:0)

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

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

}

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

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

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