wangEditor 5 - 修改工具栏 toolbar 默认背景色（去掉背景颜色改为透明）

前言

注意：本文章使用的是 V5 版本的 wangEditor 富文本编辑器，其他版本可借鉴。

默认情况下，工具栏背景色为纯白色：

自定义修改背景颜色：

还可以直接让其透明：

解决方案

如果您将富文本封装成了组件，在组件中进行如下操作，反之在页面中进行。

简单粗暴的方式，直接覆盖样式即可。

<style scoped>...</style><style>.w-e-toolbar {/* 改为透明 */background-color: rgba(0, 0, 0, 0)!important;/* 改为红色 *//* background-color: red!important; */}</style>

需要注意的是，如果<style scoped>存在，则需要另起一行。

直接写在<style scoped>中无效。