Ant-design: `उपसर्ग 'कुछ घटकों में विरासत में नहीं मिले हैं

मेरा मानना ​​है कि सूची में 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 के माध्यम से हल किया जाता है