css - 获取当前 Quill Editor 的工具栏背景颜色

Question

我正在实现一个 primeNg/quill 编辑器，作为用户体验设计的一部分，我需要在屏幕上显示一个与编辑器工具栏具有相同颜色背景的容器。我正在查看 snow.css 文件，但似乎找不到它，任何 quill 专家都知道我可以在 snow.css 或任何其他依赖 Quill 的 css 上找到它吗？谢谢!

Answer 1

PrimeNG Quill 中的工具栏背景颜色 demo是 PrimeNG theme 的一部分而不是 Quill 的 snow.css 的一部分。

您可以使用 Firefox 和 Chrome 中的开发人员工具栏来查看 CSS 规则:

.ui-widget-header {
    border: 1px solid #d9d9d9;
    color: #1b1d1f;
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f9), color-stop(100%,#ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0%,#ebedf0 100%);
}