css ::file-selector-button 修改inp

现在可以用::file-selector-button来修改input file上传文件标签样式

html input标签

<input type="file">

设置css

input[type="file"]{
  color: gray;
  /* font-size:0; */
}
::file-selector-button{
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #2a80eb;
  padding: 8px 12px;
  background-color: #2a80eb;
  cursor: pointer;
}

css修改input file样式

如果想要去掉后面的文字，可以设置font-size:0

input[type="file"]{
  color: gray;
  font-size:0;
}

去掉后面的文字