目录
一、问题背景
antd组件库升级,有些地方不兼容或是类名变更导致一些奇怪的问题
这次遇到的问题是,用了Input中inputNumber类型的组件。可是给其设置width失效,于是想着找下什么原因导致的
二、解决思路
看了下元素,发现新版本给其设置了默认的width: 90px,我设置的width直接失效
所以应该把其默认设置的宽度给覆盖掉

三、解决方案
对该组件宽度进行覆盖对应所需的数值

代码:
.inputNum {
:global .ant-input-number {
width: 100% !important;
max-width: 100%;
}
}【注】需要在类名前加 :global,并且 width 添加 !important
版权声明:本文为all_might1原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。