修改@ FileUpload.GetHtml幫手的外觀

我得到了一個@Fileupload幫手，工作得很好。我只是想改變基本外觀，如增加行之間的空間或在最後輸入文件和輸入提交之間添加hr。修改@ FileUpload.GetHtml幫手的外觀

有沒有辦法通過添加線條？

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

正如你所看到的，助手可以發送4個文件，但外觀太多了。

謝謝您的幫助

來源

2016-02-19 Daniel Lavoie

您試過了什麼？你大概可以通過CSS獲得大部分的內容。 –

也許=）你能解釋一下你會怎麼做嗎？如果我改變我的P風格，它會改變所有頁面。我怎麼能說改變或添加一個p線到這個特定的部分？我是初學者 –

將它包裹在另一個可以定位的元素中，以防止樣式影響整個頁面。使用更具體的選擇器，您可以覆蓋現有樣式：https：//www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/ –

我不建議，因爲這些天，大多數瀏覽器都支持<input type="file" multiple/>這是很多用戶更友好比的FileUpload輔助的多輸入使用這個幫手的。但是，如果您堅持這一想法，則可以這樣做以增加輸入之間的空間：

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

來源

2016-02-19 16:08:09

修改@ FileUpload.GetHtml幫手的外觀

回答

相關問題