修改antd的默認樣式，且不影響全局樣式

目的：

　　1.修改antd的默認樣式

　　2.不污染全局樣式

 

實現方法： 

　　1. antd提供了 ：global修改全局樣式的寫法

　　2.需要加個命名空間，避免造成覆蓋全局樣式

 

一般組件：

.namespace{
  :global{
     .ant-input{
        border: none;
     }
   }  
}    

　　實現效果: 去掉class名為namespace下的antd輸入框的邊框，antd的樣式名一定要寫在global里面才能生效

 

另外還有一些彈窗，氣泡等組件，因為實現原理是直接將dom插入到body下面，所以我們不能直接在外層dom添加namespace，antd同樣提供了修改方法，如下：

<Dropdown
      overlayClassName={styles.namespace}
      overlay={<div>content</div>}
      trigger={['click']}
>
    下拉菜單
</Dropdown>

　　主要用到overlayClassName添加專門的namespace，再和 :global 配合使用，就能很方便的修改掉antd的默認樣式，Popover/Popcomfirm/Dropdown/Modal 彈窗類組件基本都適用。