伪元素改变file类型input框的默认样式实例页面

回到相关文章 »

代码：

CSS代码：

::-ms-browse, [type='file'] {
    padding: .4em;
    line-height: 24px;
    border: 1px solid #a0b3d6;
    background: #f0f3f9;
    color: #34538b;
}
::-webkit-file-upload-button {
    padding: .4em;
    line-height: 30px;
    border: 1px solid #a0b3d6;
    background: #f0f3f9;
    color: #34538b;
}

HTML代码：

<input type="file" />

效果：