Question

我正在使用bootbox.alert。在这里，我得到蓝色的OK按钮。

我希望OK按钮为橙色。我尝试了很多方法。你能建议我吗。

这是我的代码。

bootbox.alert({
     message : "Error in task",
     closeButton: false,
     button : {
        ok : {
          label : "OK",
          className : "btn-orange",
          callback: function () {

          }
       }
     }
});

Answer 1

您可以尝试以下代码：

bootbox.dialog({
    message: "Error in task",
    closeButton: false,
    buttons: {
        "success": {
           label: "Ok",
           className: "btn-orange",
           callback: function () {}
        }
    }       
});

<强>更新

以下选项与dialog一起使用，因此无需设置closeButton，您可以使用danger类以橙色显示。

bootbox.dialog("Error in task", {
    "label" : "Ok",
    "class" : "danger",   // or primary, or success, or nothing at all
    "callback": function() {
        //console.log("great success");
    }
});

Answer 2

你可以使用CSS

<style>
     .bootbox-alert div div div button.btn-primary{
         background-color: orange
     }
 </style>

Answer 3

以下内容对我来说适用于bootbox.js 5.4.0：

bootbox.dialog({
    message: 'Your Message',
    buttons: {
        ok: {
            label: 'OK', 
            className: 'btn-danger'
        }
    }
});

这会提供一个带有红色按钮的基本警报，而不是默认的蓝色按钮。

Answer 4

Sameera Prasad Jayasinghe的回答为我指明了正确的方向，并以非常优雅的方式允许格式化的多种形式。例如。如果您希望使用背景色填充整个警报框，则可以指定：

.bootbox-alalert div div {
    background-color: red;
}

如何更改bootbox.alert中的按钮颜色

4 个答案: