// webpack.config.js
module.exports = {
  rules: [{
    test: /\.less$/,
    use: [{
      loader: ‘style-loader‘,
    }, {
      loader: ‘css-loader‘, // translates CSS into CommonJS
　　　 options: {
       　modules: true // 开启 CSS Modules
      }
    }, {
      loader: ‘less-loader‘, // compiles Less to CSS
      options: {
        lessOptions: { // 如果使用less-loader@5，请移除 lessOptions 这一级直接配置选项。
          modifyVars: {
            ‘primary-color‘: ‘#1DA57A‘,
            ‘link-color‘: ‘#1DA57A‘,
            ‘border-radius-base‘: ‘2px‘,
          },
          javascriptEnabled: true,
        },
      },
    }],
    // ...other rules
  }],
  // ...other config
}

```javascript
// TestPage.ts
import { Select } from ‘antd‘;
import styles from ‘./TestPage.less‘;
const Option = Select.Option;

const children = [];
for (let i = 10; i < 36; i++) {
  children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i}</Option>);
}

ReactDOM.render(
  <Select
    mode=‘multiple‘
    style={{ width: 300 }}
    placeholder=‘Please select‘
    className={styles.customSelect}>
    {children}
  </Select>,
  mountNode
);
```

```less
// TestPage.less
.customSelect {
  :global {
    .ant-select-selection {
      max-height: 51px;
      overflow: auto;
    }
  }
}
```