【antd】antd 4.X中inputNumber组件设置宽度失效

目录

一、问题背景

二、解决思路

三、解决方案

---

一、问题背景

        antd组件库升级，有些地方不兼容或是类名变更导致一些奇怪的问题

        这次遇到的问题是，用了Input中inputNumber类型的组件。可是给其设置width失效，于是想着找下什么原因导致的

二、解决思路

        看了下元素，发现新版本给其设置了默认的width： 90px，我设置的width直接失效

        所以应该把其默认设置的宽度给覆盖掉

 

三、解决方案

        对该组件宽度进行覆盖对应所需的数值

 

代码：

.inputNum {
   :global .ant-input-number {
        width: 100% !important;
        max-width: 100%;
   }
}

【注】需要在类名前加 :global ，并且 width 添加 !important