Issue in styling Upload component

When creating an Upload component with


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="...">

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" >

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")


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