CSS classes have no effect on Quill Editor classes Angular

Published

I’m trying to add CSS to my quill editor, but no CSS is applied in any class.

Below is my template

<div class="container">
      <form [formGroup]="editForm">
        <quill-editor  [modules] = "config" 
        (onEditorChanged) = "onContentChange($event)" formControlName="editor"></quill-editor>  
      </form>             
</div>

AS clearly you can see this includes classes like ql-editor and ql-toolbar (below Image)
enter image description here

so i apply CSS to those classes and it won’t work.
Below is my CSS

.container .ql-editor{
    width : 8.5in;
    min-height:   11in;
    padding: 1in;
    margin: 1 rem;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    background-color: white;
}

.container .ql-container.ql-snow{
border:none;
display:flex;
justify-content: center;   
}

Source: Angular Material Quesions

Published
Categorized as angular, angular-material, css, html, quill Tagged , , , ,

Answers

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq