/* Увеличиваем специфичность для кнопок Quill */ .ql-toolbar .ql-picker-label, .ql-toolbar button, .ql-toolbar [role="button"] { all: unset; /* Сбрасываем все стили Pico (background, border, padding и т.д.) */ display: inline-block; /* Восстанавливаем базовые стили Quill */ cursor: pointer; padding: 0; /* Quill кнопки не имеют padding */ margin: 0; border: none; background: none; color: inherit; /* Наследуем цвет от Quill */ font-size: inherit; line-height: inherit; text-decoration: none; /* Убираем подчёркивание, если это */ } /* Восстанавливаем hover/active стили Quill (если они сломались) */ .ql-toolbar button:hover, .ql-toolbar [role="button"]:hover { color: #06c; /* Пример из Quill snow theme; адаптируйте */ background: none; /* Без фона */ } .ql-toolbar button.ql-active, .ql-toolbar [role="button"].ql-active { color: #06c; background: none; } /* Для иконок (SVG в Quill) */ .ql-toolbar .ql-icon { fill: currentColor; /* Убедимся, что иконки наследуют цвет */ } /* Если Quill использует для кнопок */ .ql-toolbar .ql-picker-item, .ql-toolbar .ql-picker-options [role="button"] { all: unset; cursor: pointer; }