diff --git a/src/AjaxUploader.tsx b/src/AjaxUploader.tsx index e537d9e..939fecd 100644 --- a/src/AjaxUploader.tsx +++ b/src/AjaxUploader.tsx @@ -266,7 +266,8 @@ class AjaxUploader extends Component { className, disabled, id, - style, + style: rootStyle, + innerStyle, multiple, accept, capture, @@ -298,7 +299,7 @@ class AjaxUploader extends Component { tabIndex: '0', }; return ( - + { ref={this.saveFileInput} onClick={e => e.stopPropagation()} // https://github.com/ant-design/ant-design/issues/19948 key={this.state.uid} - style={{ display: 'none' }} + style={{ display: 'none', ...(innerStyle ?? {}) }} accept={accept} {...dirProps} multiple={multiple} diff --git a/src/interface.tsx b/src/interface.tsx index 5cb69b0..3e48f02 100644 --- a/src/interface.tsx +++ b/src/interface.tsx @@ -37,6 +37,11 @@ export interface UploadProps onMouseEnter?: (e: React.MouseEvent) => void; onMouseLeave?: (e: React.MouseEvent) => void; onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void; + /** + * Inline styles that actually act on the input tag, + * whereas the previous `style` only acted on its parent container. + */ + innerStyle?: React.CSSProperties; } export interface UploadProgressEvent extends Partial {