将焦点 css 属性设置为 div答案

【问题标题】：setting focus css property to a div将焦点 css 属性设置为 div
【发布时间】：2016-01-19 20:34:04
【问题描述】：

我创建了一个包含下拉选择框的 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;
}

感谢您的帮助！！！

【问题讨论】：

【解决方案1】：

div#test: focus {

应该是

div#test:focus {

focus 在div 上虽然是 hacky。看到这个：

【讨论】：