简体   繁体   中英

How do I change colour of inbuilt toolbar icons in tinymce editor(v 5.1.2)

I'm using some of the options provided by tinymce in toolbars like alignLeft, alignRight etc. which will display it in black color. I want to just change the colour of the icon provided with it.

Please let me know how to do it?

PS My editor code:

 <Editor
     init={{
            selector: "textarea",
            paste_data_images: true,
            automatic_uploads: true,
            plugins: [
              "lists table link image paste help wordcount code autoresize",
            ],
            toolbar:
              "undo redo | formatselect | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | image help",

          }}
 />

Simple with soms css

.tox .tox-tbtn svg {
    fill: #ff0000!important;
}

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM