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

Question

我实现了primeNg / quill编辑器，作为UX设计的一部分，我需要在屏幕上显示一个与编辑器工具栏具有相同颜色背景的容器。我正在查看snow.css文件，但似乎无法找到它，任何羽毛笔专家都知道我可以在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%);
}