表单文件选择框样式自定义示例

2020-04-16 08:37:00易采站长站整理

});
});
</script>
</head>
<body>
<div class=”uploader white”>
<input type=”text” class=”filename” readonly=”readonly”/>
<input type=”button” name=”file” class=”button” value=”Browse…”/>
<input type=”file” size=”30″/>
</div>
<br/>
<div class=”uploader blue”>
<input type=”text” class=”filename” readonly=”readonly”/>
<input type=”button” name=”file” class=”button” value=”Browse…”/>
<input type=”file” size=”30″/>
</div>
<br/>
<div class=”uploader green”>
<input type=”text” class=”filename” readonly=”readonly”/>
<input type=”button” name=”file” class=”button” value=”Browse…”/>
<input type=”file” size=”30″/>
</div>
<br/>
<div class=”uploader red”>
<input type=”text” class=”filename” readonly=”readonly”/>
<input type=”button” name=”file” class=”button” value=”Browse…”/>
<input type=”file” size=”30″/>
</div>
<br/>
<div class=”uploader orange”>
<input type=”text” class=”filename” readonly=”readonly”/>
<input type=”button” name=”file” class=”button” value=”Browse…”/>
<input type=”file” size=”30″/>
</div>
<br/>
<div class=”uploader black”>
<input type=”text” class=”filename” readonly=”readonly”/>
<input type=”button” name=”file” class=”button” value=”Browse…”/>
<input type=”file” size=”30″/>
</div>
</body>
</html>