本文讲述了在使用公司定制的AntD组件时遇到的输入小写字母转大写及字符数限制的问题。尝试了原生input和添加rules属性未果，最终通过CSS样式`text-transform: uppercase;`解决了字母转换问题，并通过调整父级样式解决了字符数限制问题。此方法适用于处理类似组件限制输入格式的场景。
最近遇到了一个很奇怪的问题，要求是将Input和TextArea组件中的输入的小写英文字母变成大写英文字母，因为我用的是公司对antd某些组件进行二次封装后的组件，所以我不太清楚他的内部逻辑是什么，但是测试在测功能时找到了这个bug
如图
我再添加rules属性，发现还是不能限制文本框中的字符个数，这是我切换成了中文输入法乱输入的结果。
我觉得应该form给文本框赋值的时候出的问题，即便我用了原生的input框和js代码完成这个功能还是没有办法限制字符个数
原生的代码和效果
但是我在网上搜索了很多资料，也不知道，给input框重新赋值的时候，包括输入法的切换，到底出现了什么问题，希望有大佬能解答我的疑惑。
这个问题困扰了我好几天，有一天我突然想到了用css样式来解决这个问题，只要我们给当前的输入框添加一个属性，就不会有这个问题了。
.input{
text-transform:uppercase;
}效果如下
组件中添加css样式，我们直接找到父类添加样式就可以了，这里我们用的是.ant-form-item-contro
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
