如何在引导箱提示中仅显示确认按钮？答案

【问题标题】：How can i show only confirm button in bootbox prompt?如何在引导箱提示中仅显示确认按钮？
【发布时间】：2020-11-05 17:54:56
【问题描述】：

我正在使用以下内容来创建引导箱提示消息。（标题和默认值通过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;
}

【问题讨论】：

“是/否”对话框的每个选项都需要一个按钮。如果您只是向用户显示一条消息，这就是 bootbox.alert（和本机警报）的用途。
不幸的是，我无法弄清楚如何显示带有输入字段的 bootbox.alert。这就是为什么我切换到 bootbox.prompt
删除取消按钮的原因是什么？如果你真的坚持只有一个 OK 按钮的提示，你需要使用 bootbox.dialog 函数来创建你自己的自定义对话框，并手动处理输入值。

标签： bootbox

【解决方案1】：

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

话虽如此...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

【讨论】：