CSS美化上传控件input type="file"的两种样式
【更新时间:2013-12-19】    【来源:】
上一篇:
下一篇: 纯CSS实现图片水平垂直居中于DI...

    为什么要美化file控件?试想一下,别的孩子都穿戴整齐漂亮,其中两个孩子怎么都不鸟你,太不和谐了。 网页上很多时候会用到上传控件,但是默认的样式不但很丑,而且每个浏览器的样式还不统一(如下图)。而直接对input type="file"定义样式很难实现漂亮的外观,因为很多样式都无效,所以就要通过其他方法在保留上传功能的同时,美化上传控件。

    先看效果图: