fix: large size should be set by JS, not CSS, close: #3630

components/input/Group.tsx

@@ -13,8 +13,8 @@ const Group: React.StatelessComponent<GroupProps> = (props) => {
   const { prefixCls = 'ant-input-group', className = '' } = props;
   const cls = classNames({
     [prefixCls]: true,
-    [`${props.prefixCls}-lg`]: props.size === 'large',
+    [`${prefixCls}-lg`]: props.size === 'large',
-    [`${props.prefixCls}-sm`]: props.size === 'small',
+    [`${prefixCls}-sm`]: props.size === 'small',
     [className]: !!className,
   });
   return (

components/input/style/search-input.less

@@ -33,10 +33,6 @@
     &:hover {
       border-color: @border-color-base;
     }
-    form & {
-      padding-top: 6px;
-      padding-bottom: 6px;
-    }
   }
   &&-focus .@{ant-prefix}-search-btn-noempty,
   &:hover .@{ant-prefix}-search-btn-noempty {