Este es un problema general para rastrear el problema de prefixCls
.
Creo que Input
debería incluirse en la lista.
Cuando se usa import 'antd/dist/antd.less'
o 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);
}
Mientras que usar import 'antd/dist/antd.css'
tendría el prefijo específico del navegador
.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 No es el mismo problema.
De discusiones internas:
Presentaremos un nuevo proveedor llamado ConfigProvider
para la configuración de prefixCls
.
import { ConfigProvider, Button } from 'antd';
<ConfigProvider prefixCls="awesome-">
<Button>A Button</Button>
</ConfigProvider
produce:
<button type="button" class="awesome-btn"><span>A Button</span></button>
Se resuelve vía # 12991
Comentario más útil
De discusiones internas:
Presentaremos un nuevo proveedor llamado
ConfigProvider
para la configuración deprefixCls
.produce: