【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


版权声明:本文为all_might1原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。