如何在toastr信息提示框中隐藏‘i’符号？

当然可以隐藏这个图标，以下是两种实用方法：

• CSS样式隐藏（最简单直接）
  toastr的信息类提示框图标对应专属的CSS类，直接通过样式设置隐藏即可：

  /* 仅隐藏信息提示框的"i"图标 */
  .toast-info .toast-icon {
      display: none !important;
  }
  

  如果需要全局隐藏所有类型提示框的图标，可简化为：

  /* 隐藏所有toast提示框的图标 */
  .toast-icon {
      display: none !important;
  }
  

• 自定义模板移除图标
  如果你需要更灵活的控制，可以通过修改toastr的默认模板，彻底移除图标相关的HTML结构。初始化toastr时配置template选项：

  toastr.options = {
      template: '<div class="toast">' +
                  '<div class="toast-message"></div>' +
                  '<button class="toast-close-button" type="button">&times;</button>' +
                '</div>'
  };
  

  这样后续弹出的所有提示框都不会包含图标元素。

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