将焦点css属性设置为div

Question

我创建了一个包含下拉选择框的div。我通过给出tabindex="0"将焦点设置为div。当聚焦div时，边框轮廓没有圆角，就像下拉框一样。如何在聚焦时更改div的css属性。

<div id="test" tabindex="0" class="blablabla">

尝试通过

添加css属性

div#test: focus {
    background: white;
    outline: none;
    border-color: black;
}

感谢您的帮助！

Answer 1

div#test: focus {

应该是

div#test:focus {

focus上的{p> div是hacky。见：

Using :focus to style outer div?