如何在开机提示中仅显示确认按钮？

问题描述

我正在使用以下内容创建启动框提示消息。 （标题和默认值是通过ajax请求获得的。）

                    bootBox.prompt({
                        title: response.message,value: response.value,buttons: {
                            confirm: {
                                label: 'Ok'
                            }
                        },callback: function (result) {

                        }
                    });

尽管我仅设置了confirm按钮，但提示符也显示了Cancel按钮。 我在这里做什么错了？

我尝试通过CSS隐藏取消按钮，但没有成功

.btn btn-secondary btn-default bootBox-cancel{
    visibility:hidden;
}

解决方法

我真的不建议这样做-用户对提示的标准期望是采用明显的方式取消提示。

话虽这么说……d-none类在添加到“取消”按钮时，将隐藏它：

bootbox.prompt({
    title: 'Please enter something:',callback: function(result){
        console.log(result);
    },buttons: {
        cancel: {
            className: 'd-none'
        }
    }
});

演示：https://jsfiddle.net/t3o5Lcnb/

您无法从bootbox.alert，bootbox.confirm或bootbox.prompt对话框中删除“取消”或“确认/确定”按钮，但是您可以自定义它们（更改文本，添加图标，设置按钮类或添加自定义类）。在这种情况下，添加d-none Bootstrap类会将display: none;规则添加到“取消”按钮。

您可以在“示例”页面上找到一些自定义按钮的示例：http://bootboxjs.com/examples.html#confirm-alternate-text-color