这是一段代码：
<div id="manual-fine-uploader"></div>
<div id="triggerUpload" class="button" style="margin-top: 10px;">Save</div>
<script type="text/javascript" src="~/js/fineuploader/fineuploader-3.5.0.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var manualuploader = new qq.FineUploader({
element: $('#manual-fine-uploader')[0],
request: {
endpoint: 'server/handleUploads'
},
autoUpload: false,
text: {
uploadButton: 'Select Files'
}
});
$('#triggerUpload').click(function () {
manualuploader.uploadStoredFiles();
});
});
</script>
作为背景，我正在使用FineUploader的V3.5.0，并且正在使用独立的依赖项免费版本。我实际上只是复制了FineUploader开发人员的this示例。我将第二个div更改为
class="button"（我在应用程序中到处使用的CSS样式）。但是，没有样式发生。另外，我在哪里可以在javascript中将我的一种样式引用为自定义样式uploadButton？谢谢。
最佳答案
正如您在评论中所提到的，您想要设置“保存”按钮（已创建）和“选择文件”按钮（Fine Uploader创建）的样式。
就“保存”按钮而言，它根本与Fine Uploader无关。您已创建此按钮，但它不是Fine Uploader的一部分。您可以根据自己的喜好通过CSS设置样式。
关于“选择文件”按钮，有三个选项：
创建您自己的div / anchor / etc元素，然后通过button option将其传递给Fine Uploader。 Fine Uploader将添加一个不透明文件输入元素作为此按钮元素的子元素。设置样式，但是您喜欢使用CSS。
创建您自己的CSS（文件），并以Fine Uploader的UI模块创建的默认按钮为目标。有很多方法可以确保CSS属性“获胜”，但这严格来说是CSS问题，实际上不在本文范围内。
覆盖template选项。我建议不要走这条路。 Fine Uploader的模板选项比较脆弱，需要在以后的版本中进行改进。您可以阅读有关覆盖first half of the styling readme中的模板的更多信息，但是，我再次建议您不要这样做。
在以上三个选项中，第一个选项是最简单的，也是我个人推荐的一个选项。
听起来您好像根本就没有正确导入Fine Uploader附带的CSS文件。这在demo page/website的第一个示例“设置”中进行了介绍。