Bootstrap 5浮动操作按钮下拉切换图标无法隐藏，求解决方案

你的CSS规则没生效，核心原因是选择器优先级没超过Bootstrap原生的.dropdown-toggle::after样式。给你几个可行的解决方案：

• 提升选择器优先级
  把CSS选择器调整得更精准，结合按钮的.btn类，优先级会高于Bootstrap的默认样式，甚至可以去掉!important：

  .btn.dropdown-toggle.hide-toggle::after {
      display: none;
  }
  

  如果还是不生效，保留!important强制覆盖即可：

  .btn.dropdown-toggle.hide-toggle::after {
      display: none !important;
  }
  

• 排查样式冲突
  打开浏览器开发者工具，查看按钮的::after伪元素样式面板，检查是否有其他更高优先级的CSS规则覆盖了你的设置，针对性调整选择器即可。

调整后的完整代码示例：

<div class="dropup position-absolute bottom-0 end-0 rounded-circle m-5">
    <button type="button" class="btn btn-success btn-lg dropdown-toggle hide-toggle" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
        <i class="fa-solid fa-plus"></i>
        <span class="visually-hidden">Add Category</span>
    </button>
    <ul class="dropdown-menu">
        <li>
            <a class="dropdown-item" href="#">...</a>
        </li>
    </ul>
</div>

.btn.dropdown-toggle.hide-toggle::after {
    display: none;
}

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