让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属性。
分享到:
相关推荐
FileUpload控件的基本用法 .
ASP.Net中FileUpLoad控件内容清空 控件: asp:FileUpload ID="upLoadFile" runat="server" onchange="CheckFileType(this)
html修改FileUpload控件的浏览按钮的文字改为自定义
Asp.net 2.0 FileUpload 控件的用法
fileupload 控件的使用,可以对C#学习有所帮助
fileupload控件,在网上找的,源代码,可以直接打开,感觉挺漂亮的,大家可以一看,或许有点帮助
fileupload控件上传图片和附件,一看就会用.
fileupload控件的使用示例。。。
ASP.Net中FileUpLoad控件内容清空! 值得下载看看!资源免费,大家分享!!
用FileUpload控件上传文件到数据库! 值得下载看看!资源免费,大家分享!!
net使用FileUpLoad控件上传文件. net使用FileUpLoad控件上传文件. net使用FileUpLoad控件上传文件.
使用FileUpload控件上传图片并自动生成缩略图、带文字和图片的水印图
net使用FileUpLoad控件上传文件 单个文件的上传:保存到上传服务器指定目录得到上传文件的文件名(含上传本地路径) 存储文件的详细信息,包括文件名,文件格式,文件大小和存储路径
ASP.NET使用fileupload控件上传图片到文件夹并以二进制存储于数据库中
文件上传 FileUpload 控件,分享
.Net FileUpload控件的自动上传事件,可预览,可自动上传 VS2012
C# FileUpload控件上传图片到数据库代码,FileUpload控件上传图片到数据库。
使用Anthem.NET 1.5中的FileUpload控件实现Ajax方式的文件上传
搜索页面所有FileUpload控件,并循环检查、上传所有的文件。详见"http://blog.csdn.net/jlclyx/archive/2011/03/21/6263869.aspx"
Asp.net FileUpload控件 不上传图片进行预览