asp.net-mvc-3 - 使用 @FileUpload.GetHtml 助手设置文本框宽度

Question

@FileUpload 帮助器渲染的文本框的宽度如何设置？什么是正确的语法？默认宽度约为 20 个字符，如果文件路径较长，则在文本框中看不到文件名。或者，如果有人知道如何让文本框内容默认完全向右滚动，那将是一个可以接受的解决方案。

谢谢，

乔

@using (Html.BeginForm("Upload", "FileUpload", FormMethod.Post,
                      new { @encType = "multipart/form-data" }))
{ <br/>
    @FileUpload.GetHtml(allowMoreFilesToBeAdded: false, initialNumberOfFiles: 1,
          includeFormTag: false, uploadText: "Upload File")<br/>
    <input type="submit" name="submit"  value="Upload" />
}

Answer 1

文件输入的外观取决于您使用的浏览器。您甚至没有在 Google Chrome 中获得文本框：

所以谈论设置这个元素的宽度几乎没有意义。

您可以查看以下文章，该文章讨论了涉及隐藏原始文件输入（因为您无法控制其呈现方式）并使用自定义 div 替换它的问题和可能的解决方法。