Javascript 如何使Dropzone.js看起来像站点上的主题？_Javascript_Css_Dropzone.js

Javascript 如何使Dropzone.js看起来像站点上的主题？

javascript css

Javascript 如何使Dropzone.js看起来像站点上的主题？,javascript,css,dropzone.js,Javascript,Css,Dropzone.js,我一直在尝试使用一小段示例代码和Dropzone.css使Dropzone.js看起来像网站（dropzonejs.com）上的主题。这是我的密码： <html> <head> <script src="dropzone.js"></script> <link rel="stylesheet" type="text/css" href="dropzone.css"> <link rel="stylesheet" type="tex

我一直在尝试使用一小段示例代码和Dropzone.css使Dropzone.js看起来像网站（dropzonejs.com）上的主题。这是我的密码：

<html>
<head>
<script src="dropzone.js"></script>
<link rel="stylesheet" type="text/css" href="dropzone.css">
<link rel="stylesheet" type="text/css" href="basic.css">
</head>
<form action="/upload-target" class="dropzone"></form>
</html>

我检查了文件路径，这些都很好。最终结果看起来像但我的预期结果与主页“Try It！”部分的示例类似

如果你能帮忙，请告诉我

对于主题本身，只要遵循

css

规则：

main section.dropzone

中的相同结构，它似乎就可以正常工作

<html>
    <head>
        <link rel="stylesheet" href="dropzone.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <main>
            <section>
                 <h1 id="try-it-out">Try it out!</h1>

                <div id="dropzone">
                    <form action="" class="dropzone dz-clickable" id="demo-upload">
                        <div class="dz-message">Drop files here or click to upload.
                            <br> <span class="note">(This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)</span>

                        </div>
                    </form>
                </div>
            </section>
        </main>
    </body>
</html>


试试看！
将文件放到此处或单击上载。

（这只是一个演示dropzone。所选文件未实际上载。）

另外，确保示例中同时包含

css

文件

查看小提琴：

如果你

点击右键>检查元素

你将看到他们使用的

.css

，只需复制粘贴它，我也看不到“try it”部分。你能给我指一下链接吗如果你在“try it！”部分下查看，你会看到Dropzone的实现，我想要Dropzone的样式。试用部分。试用了，还是没有运气，只是一个普通版本。你能把你使用的代码压缩起来并分享链接吗？谢谢完美的我真傻，只是一些糟糕的HTML。非常感谢@jameshk没问题：）仅供参考：你的JS小提琴坏了。拖动一个文件会导致浏览器打开该文件。事实上，在我尝试之前，它看起来已经坏了。