React修改Antd元件樣式的方法

RaoMeng發表於2018-12-06

1、F12開啟除錯,選中Elements選項

image.png

2、在Elements的元素樹中選中相應的Antd元件佈局,然後檢視右端的css樣式表,找到控制元件的css控制器結構。

image.png

3、最後在我們自己的css樣式檔案中修改對應的控制器屬性就可以了

image.png

4、有一些屬性是在antd元件內部通過程式碼設定的,這種情況下,通過上面那種方法簡單的設定css會因為樣式被覆蓋而不起作用。 這個時候,我們可以通過在css控制器相應的屬性後面新增 !important 來達到強制修改樣式的目的

image.png

相關文章