前言css
當在項目中使用react antd各組件時，總有須要自定義css樣式的時候，那應該怎麼修改呢？react
最簡單粗暴的方法——覆蓋原有樣式antd
審查元素找到要修改的tabs組件類名，而後在css文件中重寫該類樣式使其覆蓋原有樣式，若無效果，添加!important測試
最直接了當的方法——添加行內樣式spa
但上述方法會致使全局tabs組件樣式都被修改，爲避免上述狀況，直接在引入的tabs組件上添加行內樣式style={{}}，class
而上面方法一樣有個問題，若是添加樣式較多會影響代碼整潔，而且有些組件樣式嵌套層級較深，也沒法直接添加行內樣式import
推薦方法方法
在tabs組件外面在嵌套一個div, 給這個div添加一個className, 好比 className="tutu"，im
修改tabs組件默認樣式就可直接用 .tutu ant-tabs這種形式，這樣只會做用於當前頁面下有添加該類的tabs組件，就不會污染全局了項目
注：另外，網上鋪天蓋地的博文大多說藉助:golbal修改默認樣式，但經本人屢次測試並沒有效果