html - 将焦点 css 属性设置为 div

Question

我创建了一个包含下拉选择框的 div。我通过提供 tabindex="0" 将焦点设置到 div。当 div 获得焦点时，边框轮廓不像下拉框那样具有圆 Angular 。如何在获得焦点时更改 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 在 div 上虽然很老套。看这个:

Using :focus to style outer div?