【react】 antd中怎么更改默認樣式

在react項目中個人比較喜歡，使用css Module的形式寫樣式。對比直接引入樣式的最大的好處是可以有效避免樣式名重復。

直接使用樣式名

 <RangePicker className='rangePick' showTime format="YYYY-MM-DD HH:mm:ss" />
//更改默認樣式
.rangePick{
　　ant-picker-input{
　　　color：red
    }
}

　

 

 使用css Module時更改樣式

import styles from './index.module.less'

 <RangePicker className={styles.rangePick} showTime format="YYYY-MM-DD HH:mm:ss" />

//index.module.less

.rangePick{
    :global {
      .ant-picker-input {
         color:red
      }
    }
}