Hi,
as we know html file field is unchangeable. you can change border style but you can’t use a button instead of traditional style.
recently i have introduced an article which clearly illustrated several examples.
though you can read it from here i am also giving my code snap.
here is live example: customized_file_field.html
<html>
<head>
<style type="text/css">
.file {
position: relative;
-moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
left: -160px;
}
.fake {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
</style></head>
<body>
<form action="null" style="position: relative;">
<input type="file" name="file" class="file" id="upload-file" />
<div class="fake">
<input type="button" value="upload" />
<input type="submit" value="submit" />
</div>
</form>
</body>
</html>
Recent Comments