Css Vue.js：如何修改BootstrapVue表中所选变量的颜色？

我正在使用引导vue表行选择支持。我想修改b表的所选变体属性的颜色。在代码中，“信息”是表中选定行的选定变体颜色。我想定制它，并使其颜色91c27d

下面是代码和屏幕截图

这是表格html代码：

以下是整个脚本：

从“axios”导入axios； 导出默认值{ 名称:拉票,， 资料{ 返回{ 字段：[ {key:'userId'，label:'userId'，thStyle:{background:'0074a5'，color:'ffffff'}， {key:'id'，label:'id'，thStyle:{background:'0074a5'，color:'ffffff'}， {key:'title'，label:'title'，thStyle:{background:'0074a5'，color:'ffffff'}， {键：'completed'，标签：'completed'，thStyle:{背景：'0074a5'，颜色：'ffffff'}} ], 项目：[] } }, 创造{ axios .得到https://jsonplaceholder.typicode.com/todos' .thenres=>this.items=res.data .catch=>{ 这是我的错 }; }, 方法：{ onRowSelecteditems{ this.selected=项目 } } } 这是输出的屏幕截图：

---

Ypu需要创建一个使用您的值的新变体名称。基本上，您需要向Bootstrap的SCSS THES color表添加一个新的主题颜色：和

或者，将所选变量设置为空字符串，并使用自定义CSS targeting.table>tbody>tr.b-row-selected将所选行作为目标

/深/.table>tbody>tr.b-table-row-selected， /深/.table>tbody>tr.b-table-row-selected>td， /深/.table>tbody>tr.b-table-row-selected>th{ 背景色：91c27d； }