css - 如何替换 react-material-ui datepicker 的导航图标？

Question

有什么办法可以替换 react-material-ui datepicker 的导航图标吗？我已经尝试了很多，但没有任何效果。

<button class="MuiButtonBase-root MuiIconButton-root MuiPickersCalendarHeader-iconButton" tabindex="0" type="button">
  <span class="MuiIconButton-label">
    <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
      <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"></path>
      <path fill="none" d="M0 0h24v24H0V0z"></path>
    </svg>
  </span>
  <span class="MuiTouchRipple-root"></span>
</button>

标签： cssreactjsmaterial-uireact-material

Answer 1

请检查：Material Ui datepicker - 在文本字段中设置日历图标样式

在这里，您有一个工作沙箱。