title: how can a customize Dropzone form to work with css
body: <p>i have created a customized form with a textfield, dropzone upload area and a submit button as below. I am able to config the dropzone well like this <a href="https://www.dropzonejs.com/examples/simple.html" rel="nofollow noreferrer">https://www.dropzonejs.com/examples/simple.html</a>.</p>
  
  <p>However, i would like to beautify my dropzone into the the similar one in the try it out section in <a href="https://www.dropzonejs.com/" rel="nofollow noreferrer">https://www.dropzonejs.com/</a></p>
  
  <p>Can you please advise how can i do it? How can i amend the code into to meet into the structure of the dropzone so that i can use their css file? Thanks a lot for your great help.</p>
  
  <pre><code>&lt;header&gt;
      &lt;link type="text/css" rel="stylesheet" href="{{url_for('static', filename='css/dropzone.css')}}"/&gt;
      &lt;link type="text/css" rel="stylesheet" href="{{url_for('static', filename='css/basic.css')}}"/&gt;
  &lt;/header&gt;
  
  &lt;body&gt;
       &lt;main&gt;
          &lt;section&gt;
              &lt;form action="{{url_for('main.handle_upload')}}" enctype="multipart/form-data" method="POST"&gt;
                  &lt;textarea class="form-control" id="post" name="post" required=""&gt;&lt;/textarea&gt;&lt;br&gt;
                  &lt;div class="dropzone" id="myDropzone"&gt;&lt;/div&gt;
                  &lt;button type="submit" id="submit-all"&gt; Submit and Upload &lt;/button&gt;
              &lt;/form&gt;
          &lt;/section&gt;
      &lt;/main&gt;
  &lt;/body&gt;
  </code></pre>