演示图 - IE8

FileUpload控件优化样式_chrome

演示图 - Chrome

FileUpload控件优化样式_css_02


按钮图片 - sprites_btn23.png 

FileUpload控件优化样式_代码块_03



代码块 - CSS：

/*==== FileUpload  ====*/
.txtFile{height:20px; width:20em;padding:3px 1px; border:1px solid #ccc; border-top-color:#999; border-left-color:#999; background-color:#fff}
/*== FileUpload hover ==*/
.txtFile:hover{background-color:#f5fdf1}


/*==== button ====*/
.rbtn23{cursor:pointer}
.rbtn23{border:none}
.rbtn23{height:23px}
.rbtn23{width:75px; background:url(../images/sprites_btn23.png) no-repeat 0 -240px}
/*== button hover ==*/
.rbtn23:hover{background-position:0 -264px}


代码块 - HTML

<asp:FileUpload ID="upFile" runat="server" CssClass="txtFile" />






CSS：