Issue in styling Upload component

Dash Python
1

When creating an Upload component with

                    dcc.Upload(
                        id='upload',
                        children=...,
                        style={
                           ...
                        }
                    ),

The style specified is not applied to the top-level div generated but applied to another div one level below - e.g.

<div id="upload">
    <div class="" aria-disabled="false" style="...">
   </div>
</div>

This creates some issues as I cannot control the style of top-level div, so what I hope to achieve is actually

<div id="upload" style="...">
    <div class="" aria-disabled="false" >
   </div>
</div>
2

I think you will have to write some custom CSS to fix it. You can wrap the Upload in a Div or Span or something with a particular class / id, then target divs that are immediate children. Something like

html.Div(dcc.Upload(...), className="upload-wrapper")

and

.upload-wrapper > div {
  /* your styles here */
}