

muiのDatePicker APIを使用しています。  
年度選択時のバックグラウンドカラーを変更したいのですが、方法が見つかりません。  
[![画像の説明をここに入力](https://i.stack.imgur.com/GRFvA.png)](https://i.stack.imgur.com/GRFvA.png)

日付選択はPickersDayコンポーネントのsxにstyleを指定して、それをDatePickerのrenderDayに渡せば変更できました。  
[![画像の説明をここに入力](https://i.stack.imgur.com/6BD7B.png)](https://i.stack.imgur.com/6BD7B.png)

方法をご存知の方、よろしくお願いいたします。


CC BY-SA 4.0
2022-11-10T10:46:37.963
92133
2022-12-29T06:49:36.193
55315
question
reactjs next.js material-ui
MUIのYearPickerのSelectedカラーを変更する方法はありますか？


YearPickerのButtonの色は以下のクラスでスタイリングされていることが、Dev toolでみてみるとわかると思います。  
単純に、このクラスに対するCSSを上書きしてしまうのはどうでしょうか？

[code]

    .css-3eghsz-PrivatePickersYear-button.Mui-selected {
    　　color: #fff;
     background-color: #1976d2;
    }
    
[/code]

Codesandboxで試してみた際のLink:  
<https://codesandbox.io/s/laughing-leftpad-5y9id1?file=/public/style.css>

上記のSandboxは以下のリンクのデモコードをフォークして編集しました。  
<https://mui.com/x/react-date-pickers/getting-started/#react-components>


CC BY-SA 4.0
2022-12-29T06:25:28.943
93084
2022-12-29T06:49:36.193
2022-12-29T06:49:36.193
53321
53321
92133
answer