一、删除/取消图标不显示的常见原因 #

最可能的原因是你没有引入Bootstrap图标库。Bootstrap Confirmation组件默认会使用Bootstrap Icons（比如bi-trash、bi-x这类图标类）来渲染操作按钮的图标，如果你的项目里没加载对应的图标资源，图标自然无法显示。

另外也有可能是插件配置的图标类名和你实际引入的图标库不匹配——比如有些旧版的Confirmation插件可能依赖Font Awesome而不是Bootstrap Icons，这也会导致图标失效。

二、移除图标仅显示按钮标签的实现方法 #

当然可以！你只需要在初始化Confirmation的时候，通过buttons配置项自定义按钮的内容，去掉图标部分即可。示例代码如下：

$('[data-toggle=confirmation]').confirmation({
  buttons: [
    {
      label: '删除',
      class: 'btn btn-danger',
      action: function() {
        // 这里写你的删除逻辑，比如跳转到删除链接
        window.location.href = this.href;
      }
    },
    {
      label: '取消',
      class: 'btn btn-secondary',
      action: function() {
        // 取消操作，关闭确认框
        this.popover('hide');
      }
    }
  ]
});

如果只是想简单隐藏图标而保留默认按钮逻辑，也可以通过CSS直接隐藏图标元素：

.confirmation-popover .btn i {
  display: none;
}

补充：如果要修复图标显示问题 #

如果你还是想让图标显示，只需要在页面头部引入Bootstrap Icons的CSS文件（可以从官方下载本地资源或者使用合规的CDN资源），然后确保Confirmation插件的图标配置和引入的图标类一致，比如在初始化时指定图标类：

$('[data-toggle=confirmation]').confirmation({
  btnOkIcon: 'bi bi-trash',
  btnCancelIcon: 'bi bi-x'
});

内容的提问来源于stack exchange，提问作者Max Boy