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>

在summernote焦点状态设置边界颜色

1 个答案: