CSS 去掉input type files默認樣式

1.去掉input file的“未選擇任何文件”

<input type="file" class="file-input">

.file-input{

color: transparent;

}

2.自定義input file的樣式

<a href="javascript:;" class="upload-input ">上傳

<input type="file" name="" id="">

</a>

.upload-input {

position: relative;

display: inline-block;

padding: 4px;

overflow: hidden;

text-decoration: none;

text-indent: 0;

input {

position: absolute;

color: transparent;

right: 0;

top: 0;

opacity: 0;

}

}