css - FluentUI ドロップダウン コントロールのホバー時のスタイルをカスタマイズする方法はありますか?

Question

FluentUI ドロップダウン コントロールを使用していますが、ホバー時のスタイルをカスタマイズする方法が見つかりません。ホバー時の色を灰色から青色に変更したい。以下を試してみましたが、うまくいかないようでした。どんな助けでも大歓迎です。

const dropdownStyles: Partial<IDropdownStyles> = {

  dropdownItems: {

    selectors: {

      '& .dropdownItem-168:hover': {

        backgroundColor: '#0067B8',

        color: 'white',

      },

    }, 

};

.dropdownItem-168 は、ドロップダウン アイテムのクラスです。

https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown