Click here to Skip to main content
13,559,019 members
Rate this:
Please Sign up or sign in to vote.
See more:
<!-- html -->
<div class="uploader">
<input class="formInput" type="file" placeholder="Upload App Icon " name="uploadAppIcon" size="31.9" style="opacity: 0;">
<span class="filename" style="-moz-user-select: none;">No file selected</span>
<span class="action" style="-moz-user-select: none;">Choose File</span>

/* css style */
div.uploader span.action { width: 22px; background: #fff url(../images/elements/forms/addFiles.png) no-repeat 0 0; height: 22px;
cursor: pointer;
float: right;
text-indent: -9999px; display: inline; overflow: hidden; }
div.uploader:hover span.action { background-position: 0 -27px; }
div.uploader:active span.action { background-position: 0 -54px; }
div.uploader span.filename { color: #353535; max-width: 120px; font-size: 14px; line-height: 22px; float: left; display: block; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap; cursor: default;*/ }
div.uploader input { width: 256px; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer; }
.uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }
Posted 4-Mar-13 22:02pm

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web04-2016 | 2.8.180515.1 | Last Updated 5 Mar 2013
Copyright © CodeProject, 1999-2018
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100