无法更改蚂蚁设计的OptGroup的样式

Question

我一直在尝试更改OptGroup的字体和颜色，但没有更改。我正在使用情感CSS

     <Select 
       className={css
         .ant-select-dropdown-menu-item-group-title{
            font-size: 15px;
            color: white;
       }
      >
      <OptGroup
        label="Manager"
      >
        <Option value="jack">Jack</Option>
        <Option value="lucy">Lucy</Option>
      </OptGroup>
      </Select>

Answer 1

有些antd CSS类无法通过CSS-in-JS覆盖，例如styled-components或emotion。这取决于在antd实现中应用css样式的时间（您应该检查dom树）。

它包括覆盖ant-select-dropdown-menu-item-group-title，在这种情况下，您只能通过.css文件来做到这一点：

/* App.css */
.ant-select-dropdown-menu-item-group-title {
  font-size: 30px;
}

// App.jsx
import './App.css';