In my opinion the blue color when a button is hover or active is not noticeable enough.
I've added border around the buttons on hover/active and background-color when active.
Please try hover and active in the following example:
http://codepen.io/anon/pen/jAvOKG
The only thing missing is to collapse the border when two neighboring buttons are active so we don't get double border. Not sure how.
Feel free to close this if you don't like the style.
Version: [version]
1.0.0-beta.9
Borders can be collapsed with:
.ql-active + .ql-active,
.ql-active + .ql-selected,
.ql-selected + .ql-active,
.ql-selected + .ql-selected {
border-left-color: transparent !important;
}
and the same for hover/hover, hover/active and active/hover
Agree with this.
Another suggestion for styling format buttons
http://codepen.io/cutteroid/pen/vKzEXy
With slight changes like this I think it's difficult to settle on a strictly best version--any variation will have some people in favor and against. Custom styling with CSS is something specifically Quill aims to support however so you can safely make these changes to your application stylesheets and get the more prominent buttons.
Most helpful comment
Agree with this.
Another suggestion for styling format buttons
http://codepen.io/cutteroid/pen/vKzEXy