在火狐瀏覽器中設置FileUpload控件的寬度

讓FileUpload控件在IE和FireFox中的顯示效果一樣

ASP.NET 的FileUpload控件有一個Width屬性，可用於設置FileUpload控件的高度，在IE中顯示沒有問題。但在火狐中不算怎樣設置，FileUpload控件的寬度仍然是默認值。

根本原因是火狐瀏覽器不理會FileUpload控件的Width屬性。

解決方法是使用同時使用size和width屬性:

      <asp:FileUpload ID=/"FileUpload1/" size=/"60/" runat=/"server/" Width=/"90%/" />


IE忽略size，FireFox忽略width，剛好各得其所。

另外，FileUpload控件往往還需要配合一個ASP.NET Button來實現正式上傳，而默認情況下，ASP.NET Button的高度與FileUpload控件不一樣，放在同一行顯得很難看。

考慮到FileUpload控件與Button最終都生成（Render）HTML中的Input元素，可以使用樣式表直接設定input元素的height值，即可讓ASP.NET Button的高度與FileUpload控件的高度一致。

樣式表：

.button_height
{
  height:20px;
}

ASPX代碼：

      <asp:FileUpload ID=/"FileUpload1/" CssClass=/"button_height/" size=/"60/" runat=/"server/" Width=/"90%/" />
      <asp:Button ID=/"btnUpload/" CssClass=/"button_height/" runat=/"server/" Text=/"上傳/" />


上面使用了ASP.NET控件中的CssClass屬性。