Javascript 引导框更改标题css

对于我的项目，我想为不同的用途不同的弹出窗口。所以我创建了一个新的css类。现在，我想按照更改按钮的相同方式更改标题组件的样式（如下所示）

所以我的问题是：我可以像更改按钮的css一样更改标题的css吗？使用

className

属性。还有，我应该怎么做

bootbox.dialog({
    message: "<h4>" + errorMessage + "<h4>",
    title: $filter("translate")("Warning"),
    buttons: {
        no: {
            label: $filter("translate")("Cancel"),
            className: "c-btn-declined-selection c-btn-global-warning",
            callback: noCallback
        },
        yes: {
            label: $filter("translate")("Confirm"),
            className: "c-btn-confirm-selection c-btn-global-warning",
            callback: yesCallback
        }
    }

bootbox.dialog({
消息：“+errorMessage+”，
标题：$过滤器（“翻译”）（“警告”），
按钮：{
否:{
标签：$filter（“translate”）（“Cancel”），
类名：“c-btn-DEPENDED-selection c-btn-global-warning”，
回调：noCallback
},
是的：{
标签：$filter（“translate”）（“Confirm”），
类名：“c-btn-confirm-selection c-btn-global-warning”，
回调：yescalback
}
}

通过阅读，似乎不存在固有的标题样式设置方法。这给您留下了两个选项

---

1.在线添加样式/类别：

bootbox.dialog({
    //...
    title: "<span style='color: red;'>This title is red</span>",
    //...
})

从阅读中，似乎不存在固有的标题样式方法。这给您留下了两个选择

---

1.在线添加样式/类别：

bootbox.dialog({
    //...
    title: "<span style='color: red;'>This title is red</span>",
    //...
})

---

我建议在浏览器中打开页面。当框出现时，右键单击它，执行Inspect元素，然后查看生成了哪些类/项。您可以使用基本CSS而不是通过JavaScript来设置这些类/项的样式。这一点您是对的。但我使用引导框的目的不同。因此我更希望为其创建自定义样式。它按钮是可能的，所以我想知道标题是否也可能以同样的方式。虽然我不太熟悉bootbox，但快速查看他们的文档表明，作为对象的唯一选项是

按钮

，而大多数其他选项（包括

标题

）是字符串。真的吗？当我在引导框中查找信息时，我完全错过了这一点。谢谢你的时间。如果title元素接受HTML，你能不能不要像

title:“这是一个测试！”

，甚至只是

title:“这是一个测试！”

？我建议在浏览器中打开页面。当框出现时，右键单击它，执行Inspect元素，然后查看生成了哪些类/项。您可以使用基本CSS而不是通过JavaScript为这些类/项设置样式。这一点您是对的。但我使用引导框的目的不同。因此，我更希望为它们创建自定义样式这是可能的。按钮是可能的，所以我想知道标题是否也可能以同样的方式。虽然我不太熟悉bootbox，但快速查看他们的文档表明，作为对象的唯一选项是

按钮

，而大多数其他选项（包括

标题

）是字符串。真的吗？当我在引导框中查找信息时，我完全错过了这一点。谢谢你的时间。如果title元素接受HTML，你能不能不要像

title:“这是一个测试！”

，甚至只是

title:“这是一个测试！”

？有一个

className

选项应用于整个对话框（），可用于使用子体选择器设置标题样式。有一个

className

选项应用于整个对话框（），可用于使用子体选择器设置标题样式。

<div class='bootbox-popup'>
    <h4 class='popup-title'></h4>
    <div class='popup-body'> ... </div>
</div>

h4.popup-title {
    color: red;
}