Ant-design: لا يتم اكتساب "prefixCls" في بعض المكونات

أعتقد أنه يجب تضمين Input في القائمة أيضًا.

عند استخدام import 'antd/dist/antd.less' أو import 'antd/lib/input/style' ؛

.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
    color: rgba(0, 0, 0, 0.65);
}

أثناء استخدام import 'antd/dist/antd.css' سيكون له بادئة خاصة بالمتصفح

.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 0;
    color: rgba(0, 0, 0, 0.65);
}

chungwong ليست نفس المشكلة.

من المناقشات الداخلية:

سنقدم موفرًا جديدًا يسمى ConfigProvider لتكوين prefixCls .

import { ConfigProvider, Button } from 'antd';

<ConfigProvider prefixCls="awesome-">
  <Button>A Button</Button>
</ConfigProvider

ينتج عنه:

<button type="button" class="awesome-btn"><span>A Button</span></button>

تم حلها عبر # 12991