我的棱角项目中有一个主轴编辑器。 几乎都完成了,但是我需要将H1的字体大小更新为18px。 在主题中,它映射到2em(〜26px) 我尝试了很多CSS选择器,但找不到正确的选择器
<quill-editor placeholder="Text" [modules]="quillConfig" formControlName="text" [style]="{height: '250px'}">
</quill-editor>
<div class="quill-toolbar">
<span class="ql-formats">
<button class="ql-bold"></button>
<button class="ql-italic"></button>
<button class="ql-underline"></button>
<button class="ql-header" value="1"></button>
</span>
<span class="ql-formats">
<button class="ql-list" value="ordered"></button>
<button class="ql-list" value="bullet"></button>
</span>
<span class="ql-formats">
<button class="ql-link"></button>
<button class="ql-image"></button>
<button class="ql-video"></button>
</span>
</div>
quillConfig = {
toolbar: '.quill-toolbar'
}
答案 0 :(得分:0)
您必须使用::ng-deep
CSS
::ng-deep .ql-snow .ql-editor h1 {
font-size: 18px;
}
SCSS
::ng-deep {
.ql-snow .ql-editor h1 {
font-size: 18px;
}
}
答案 1 :(得分:0)
更新:
在 2019 中,我要做的就是向HTML添加一个!important
标志。无需使用::ng-deep
。其余的都一样
例如:
.ql-snow .ql-editor h1 {
font-size: 18px !important;
}
希望这对某人有帮助