Javascript Bootstrap 4 Popover内联样式问题

我正在尝试使用内联HTML样式属性动态更改Bootstrap4Popover标题的颜色。不幸的是，插件在没有任何逻辑的情况下删除了它们。。。如以下示例所示：

$“测试”。单击函数E{ $this.popover{ 触发器：“手动”， 容器：'主体'， 是的， 标题：“我的标题”， 内容：“我的内容”， }; $this.popover'show'； };

---

单击我更新模板以插入您自己的类，然后您可以使用外部CSS轻松控制：

$“测试”。单击函数E{ $this.popover{ 触发器：“手动”， 容器：'主体'， 是的， 标题：“我的标题”， 内容：“我的内容”， 模板： }; $this.popover'show'； }; 瑞德先生{ 颜色：红色； } 蓝先生{ 颜色：蓝色； }

---

单击我更新模板以插入您自己的类，然后您可以使用外部CSS轻松控制：

$“测试”。单击函数E{ $this.popover{ 触发器：“手动”， 容器：'主体'， 是的， 标题：“我的标题”， 内容：“我的内容”， 模板： }; $this.popover'show'； }; 瑞德先生{ 颜色：红色； } 蓝先生{ 颜色：蓝色； }

---

点击我当涉及到弹出框时，引导会自动删除内联样式。您必须创建CSS类来控制它们，如下所示：

$“测试”。单击函数E{ $this.popover{ 触发器：“手动”， 容器：'主体'， 是的， 标题：“我的标题”， 内容：“我的内容”， }; $this.popover'show'； }; 雷德波弗先生{ 颜色：红色； } 布鲁波弗先生{ 颜色：蓝色； }

---

点击我当涉及到弹出框时，引导会自动删除内联样式。您必须创建CSS类来控制它们，如下所示：

$“测试”。单击函数E{ $this.popover{ 触发器：“手动”， 容器：'主体'， 是的， 标题：“我的标题”， 内容：“我的内容”， }; $this.popover'show'； }; 雷德波弗先生{ 颜色：红色； } 布鲁波弗先生{ 颜色：蓝色； } 单击MePopover有一个白名单选项，其中包含允许的属性和标记

白名单的默认值为

您可以将新值添加到此默认白名单，如下所示：

$.fn.tooltip.Constructor.Default.whiteList['*'].push('style')

那么您的内联样式应该可以工作。

Popover有一个白名单选项，其中包含允许的属性和标记

白名单的默认值为

您可以将新值添加到此默认白名单，如下所示：

$.fn.tooltip.Constructor.Default.whiteList['*'].push('style')

---

那么您的内联样式应该可以工作。

引导程序有什么理由这样做吗？他们把popover变成了无法使用的东西，迫使我寻找替代品。@DanA.S。我认为这是一种设计选择。他们这么做没有明确的理由。Bootstrap有什么理由这么做吗？他们把popover变成了无法使用的东西，迫使我寻找替代品。@DanA.S。我认为这是一种设计选择。他们这样做没有明确的理由。popover可以是用户选择的任何颜色。这些是无限的。我不能为每种颜色创建一个类。回答不好。@DanA.S。检查更新，您可以使用JS动态添加样式，您可以放置任何想要的颜色popover可以是用户选择的任何颜色。这些是无限的。我不能为每种颜色创建一个类。回答不好。@DanA.S。检查更新，你可以使用JS动态添加样式，你可以使用任何你想要的颜色，这是正确的答案。有点太晚了，因为我已经用了另一个Popover，但这应该可以用。谢谢谢谢我该把这条线放在哪里？这是正确的答案。有点太晚了，因为我已经用了另一个Popover，但这应该可以用。谢谢谢谢我该把这条线放在哪里？