修改@ FileUpload.GetHtml帮助器的外观

时间:2016-02-19 15:42:49

标签: html razor multifile-uploader

我有一个@Fileupload助手工作得很好。我只想更改基本外观,例如增加行之间的空间或在最后一个输入文件和输入提交之间添加hr。

有没有办法在此添加行?

@if (!IsPost) {
    @FileUpload.GetHtml(
        initialNumberOfFiles:4,
        allowMoreFilesToBeAdded:false,
        includeFormTag:true,
        uploadText:"Send")
    }

如您所见,帮助程序可以发送4个文件,但外观太多了。

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

我根本不建议使用这个帮助程序,因为现在大多数浏览器都支持<input type="file" multiple/>,这比FileUpload帮助程序的多个输入更加用户友好。但是,如果你坚持这个想法,你可以这样做来增加输入之间的空间:

<style>
    input[type=file]{
        margin-bottom: 20px;
    }
</style>