如何修改子菜单控制器的+图标为箭头？

你当前的CSS代码写法不完整，url('#')无法实现图标替换，得用正确的CSS属性来修改：

情况1：图标通过伪元素（::before/::after）实现 #

如果子菜单的+图标是通过伪元素的content属性生成的，直接替换content值即可：

.special-header-menu .sub-menu-controller::before {
  content: "\2193"; /* 向下箭头，可根据需求换其他箭头Unicode，比如\2192是右箭头 */
  /* 若原有样式优先级更高，可加!important强制覆盖 */
  /* content: "\2193" !important; */
}

情况2：图标通过背景图实现 #

如果是用background-image设置的+图标，替换成箭头图标路径即可：

.special-header-menu .sub-menu-controller {
  background-image: url("你的箭头图标路径");
  background-size: contain;
  background-repeat: no-repeat;
  /* 移除原有和+图标相关的背景样式 */
}

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