如何自定义 dx-toolbar (DevExtreme) 中的下拉按钮？

Question

我在 Angular(v8.2.14) 中使用 DevExtreme(v20.1.4) 工具栏组件。
当我为工具栏项目放置 dx-toolbar 并设置 locateInMenu="always" 时，我看到一个带有 dx-icon-overflow.

的下拉按钮

有什么方法可以自定义此按钮以在其上添加字符串吗？

Answer 1

我用 CSS 更新了那个下拉按钮。

.customized-toolbar .dx-toolbar-button .dx-dropdownmenu-button .dx-button-content {
  & > i {
    display: none !important;
  }

  &:after {
    display: block;
    content: 'Other Actions';
    color: white;
    line-height: 18px;
    font-size: 14px;
  }
}