Javascript 在引导框窗口中更改css

如何在此代码中向“Hello world”添加样式（比如加粗属性）：

bootbox.alert("Hello world!", function() {
   Example.show("Hello world callback");
});

---

谢谢

Asumming

Example.show（）

将此代码放在页面上的某个位置，并使用strong将元素包装起来：

 bootbox.alert("Hello world!", function() {
   Example.show("<strong>Hello world</strong> callback");
 });

bootbox.alert（“helloworld！”，function（）{
示例.show（“helloworldcallback”）；
});

最好的方法是使用firebug检查弹出窗口，您可以看到组成模式窗口的HTML，因此您可以为其编写css。看看他们网站上的示例，下面是构成基本示例的html：

<div style="overflow: hidden;" tabindex="-1" class="bootbox modal fade in" aria-hidden="false">
<div class="modal-body">Hello world!</div>
<div class="modal-footer"><a href="javascript:;" class="btn btn-primary" data-handler="0">OK</a></div>
</div>

---

您可以创建0不透明度空div：

<div id="msgbox"></div>

您还可以自由设置msgbox的样式，包括位置、颜色，甚至使用一些过渡

#msgbox { color: #CC0000; font-weight: bold; text-align: center; transition: all 1s linear; -webkit-transition: all 1s linear; }

---

扩展詹姆斯·金的答案：

使用firebug的控制台，您可以看到对命令的响应：

bootbox.alert('hello world')

是对包含div元素的引导框的引用<代码>对象[div.bootbox]

因此，在调用警报时，只需更改其css属性即可轻松地完全重新定义警报：

bootbox.alert('Danger!!' ).find('.modal-content').css({'background-color': '#f99', 'font-weight' : 'bold', color: '#F00', 'font-size': '2em', 'font-weight' : 'bold'} );

让我们总结一下：

用于设置文本样式

直接将html添加到字符串中：

bootbox.alert("<b>Hello world!<b>"); // (thanks BenM)
bootbox.alert("<div class='label'>Hello world!</div>"); // (thanks Adriano)

---

将其包装在

标记中有什么作用？您不能将样式添加到警报中。但是example.show函数做什么呢？这会在某个地方添加标记吗？@BenM它确实有效，但我需要设置字体大小和“更多”属性，我想以一种优雅的方式进行设置。@JamieHutber您可以忽略这个示例。show（），thanksWrap在

div

中使用适当的

类

（这样您就不会在字符串中传递所有这些内容了……）

bootbox.alert(“Hello world！”；

不是我，但我会尝试解释；

示例。show（）

是回调函数的一部分，因此只有在显示并解除警报后才会调用它。在那里添加标记只与回调函数相关（无论它做什么），不会影响显示的警报上的标记

bootbox.alert('Danger!!' ).find('.modal-content').css({'background-color': '#f99', 'font-weight' : 'bold', color: '#F00', 'font-size': '2em', 'font-weight' : 'bold'} );

bootbox.alert("<b>Hello world!<b>"); // (thanks BenM)
bootbox.alert("<div class='label'>Hello world!</div>"); // (thanks Adriano)

var box = bootbox.alert("Hello world!");
box.find('.modal-content').css({'background-color': '#f99'}); // (thanks Mark B)
box.find(".btn-primary").removeClass("btn-primary").addClass("btn-danger");