jquery - 在 summernote 焦点状态上设置边框颜色

Question

我想在聚焦时将 summernote div 的边框颜色设置为浅蓝色，并在聚焦时将其设置回中性。

我使用以下方法成功去除了 div 周围的阴影:

div.note-editor.panel.panel-default {
    box-shadow: none;
}

我遇到的问题是我还没有找到在聚焦时设置其状态样式的方法。使用 .focused 或 :focus 也无济于事。

Answer 1

根据 MDN 文档，:focus 表示已获得焦点的元素(例如表单输入)。另一方面，:active 表示正在被用户激活的元素(例如按钮)。在您的情况下，它将是 :active 而不是 :focus。

div.note-editor.panel.panel-default {
  box-shadow: none;
  cursor: pointer;
}

div.note-editor.panel.panel-default:active {
 outline: 1px solid blue;
}

<div class="note-editor panel panel-default">
  Hello Focus
</div>