Antd not modify the modified style selector

1. According to the official website of the modified API

2. Directly add style to be modified

Important: If you can not directly modify the style of components, how to modify its default style it?

Solution: Modify antd global style
open F12 Inspect Element console, find the need to modify the elements

of the arrows in Figure selectors are antd, our project is not directly if modified
by globalmodification to the global keyword become effective

:global(.ant-tabs .ant-tabs-left-bar .ant-tabs-tab) {
  text-align: left;
}
:global(.ant-tabs-nav .ant-tabs-tab-active) {
  background: #E6F7FF;
}

Here is a tip: Because this is a global modify the style, it will affect other components, you need to change by giving the parent element plus a package, with a global increase when a parent selector