Crear cuenta
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<meta charset="utf-8">
<style>
.fileUpload {
position: relative; overflow: hidden; margin: 10px; width:100px;color: #ffffff;
background-color: #0044cc;
padding:10px;text-align:center;
}.fileUpload input.upload {
position: absolute; top: 0; bottom:0; right: 0; margin: 0; padding: 0;font-size: 20px;
cursor: pointer; opacity: 0;filter: alpha(opacity=0);
}</style>
</head>
<body>
<form>
<div class="fileUpload btn btn-primary">
<span>Upload File</span>
<input type="file" class="upload" />
</div>
</form>
</body>
</html>
<div id="file_browse_wrapper">
<span>Cambiar</span>
<input type="file" id="file_browse" accept="image/x-png, image/gif, image/jpeg" onchange="GetInputValue();">
</div>
#file_browse_wrapper:hover {
background: #D2D0D0;
background: -moz-linear-gradient(top, #D2D0D0 0%, #DDDBDB 100%);
background: -webkit-linear-gradient(top, #D2D0D0 0%,#DDDBDB 100%);
}#file_browse_wrapper:active {
background: #DCD9D9;
background: -moz-linear-gradient(top, #DCD9D9 0%, #F0E8E8 100%);
background: -webkit-linear-gradient(top, #DCD9D9 0%,#F0E8E8 100%);
}#file_browse{
position: absolute; height: 30px; width: 140px;/* opacity:0.0;*/-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
cursor: pointer;}