我試圖覆蓋ant-design的日歷組件的默認行為，讓它停止高亮顯示今天的日期。有問題的類是在此圖像的檢查器中選擇的類:

正如你所見，邊框1px solid #1677ff在日期(今天是2023年6月13日)周圍創建了這個藍色邊框。

如果我將它添加到我的globals.css文件中，它會正確地覆蓋該類，刪除突出顯示的邊框:

.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
    border: unset;
}

雖然這樣做是可行的，但我不想全局添加這種樣式，所以我嘗試將樣式添加到組件的CSS模塊中，而不是使用日歷。

Component.tsx:

import styles from './Component.module.css';
<Calendar
    fullscreen={false}
    className={styles.todayNoHighlight}
/>

組件.模塊. css:

.todayNoHighlight .ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
    border: unset !important;
}
.todayNoHighlight {
    background-color: #3A7734;
}

綠色的背景色，在上面的圖片中也可以看到，只是作為參考添加的，以表明該類被正確地導入和應用。

問題是border: unset沒有得到應用。它甚至不會被覆蓋。它就是不在那里。我到底做錯了什么？