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

Question

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

Answer 1

PrimeNG Quill演示中的工具栏背景颜色是PrimeNG 主题的一部分，而不是 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%);
}