Angular datetimepicker时间输入箭头上方出现增减文本问题求助

针对Angular项目中datetimepicker时间输入框箭头上方出现增减小时/分钟文本的问题，可按以下方向排查：

• 检查ARIA属性的样式渲染
  这类文本大概率是组件的无障碍（ARIA）标签（比如aria-label），正常应该通过CSS隐藏。打开浏览器开发者工具定位到对应元素，查看是否存在aria-label值与显示文本一致的情况。如果是，检查组件的默认样式是否被覆盖——比如原本用于隐藏辅助文本的text-indent: -9999px、visibility: hidden或display: none规则是否失效。

• 排查CSS冲突
  自定义样式或第三方样式库可能破坏了datetimepicker的默认样式。在开发者工具中查看该元素的样式面板，找到导致文本显示的规则，针对性修改。例如给对应按钮添加隐藏样式：

  /* 替换为实际组件的类名 */
  .mat-datepicker-toggle-button .mat-icon-button-label {
    display: none;
  }
  

• 回退依赖版本
  如果近期更新过datetimepicker相关依赖（比如@angular/material、ngx-bootstrap），新版本可能存在渲染bug。尝试回退到之前的稳定版本，修改package.json中的版本号后执行npm install验证。

• 检查本地化配置
  若项目启用了i18n，确认是否误将ARIA标签的本地化字符串配置为可见文本，而非仅用于无障碍属性的内容。

• 查看组件官方文档
  对应使用的组件库文档中，是否存在控制辅助文本显示的配置项，是否误开启了显示开关。

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