如何移除TWebSplitter组件拆分器上的图标？

通用CSS隐藏方案 #

不管你用的是哪种UI框架或自定义拆分器，最直接的方式是通过CSS样式覆盖隐藏图标：

• 如果图标是通过伪元素（::before/::after）生成的：

  /* 替换为你项目中拆分器的实际类名 */
  .splitter-container::before, .splitter-container::after {
    display: none !important;
  }
  

• 如果图标是独立的DOM元素（比如带特定类名的<span>/<i>）：

  /* 替换为图标元素的实际类名 */
  .splitter-icon {
    display: none !important;
  }
  

常见UI框架针对性方案 #

• Element UI（ElSplitter）：
  部分版本支持show-icon属性直接关闭，若属性无效则用CSS：

  <el-splitter :show-icon="false"></el-splitter>
  

  .el-splitter__icon {
    display: none;
  }
  

• Ant Design（ASplit）：
  直接隐藏内置图标元素：

  .ant-split-trigger-icon {
    display: none;
  }
  

原生自定义拆分器 #

如果是自己写的拆分器DOM结构，直接删除对应图标元素即可。

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