How to remove Quill.js toolbar border?

Question

Im using quilljs and would like to remove the border around the toolbar, i don't know how to select the right element but i have tried:

.ql-toolbar
   border: none
   shadow: none
   outline: none

Answer 1

For people coming with similar questions about quilljs borders, you could remove it by looking at the element via devtools -F12 and setting border to zero . Similarly you can remove other borders and manipulate other properties, not just the border

for example to remove borders of full editor

.ql-container.ql-snow{ border: none !important;}

why? because thats the element popping out in the dom

Also I was inspired from comments answer which was given by
Farid Vatani for removing toolbar borders

ql-toolbar.ql-snow { border: none !important;}