javascript - Comment supprimer l'indicateur "Aucun fichier sélectionné" pour input type=file?

Question

<input type="file"> Je souhaite supprimer les mots "Aucun fichier sélectionné" à la fin. Comment faire ?

Answer 1

Ce sont toutes des réponses qui ne correspondent pas à la question posée

<style>
input[type="file"] {
  color: transparent;
}
</style>
<input type="file">

Answer 2

Le style par défaut est trop laid. Nous pouvons définir la transparence de l'élément d'entrée par défaut sur 0, puis le recouvrir d'un élément personnalisé.
http://codepen.io/zengkan0703...

Answer 3

<label class="button">
  <span>选择文件</span>
  <input type="file" style="display: none" onchange="处理函数">
</label>

.button {
  /* 自定义按钮样式 */
}

Answer 4

<label for="inputFile" class="button">
<span>Sélectionner un fichier</span>
</label>
<input type="file" id="inputFile" style= " affichage : aucun" onchange="changed">

Personnalisez vous-même le style de l'étiquette ; lorsque vous cliquez sur l'étiquette, vous cliquez sur l'entrée correspondante,

Answer 5

Téléchargez le code directement, vous pouvez vous y référer.

//css
.imgboxa{
          position: absolute;
          color:#999;
          left: 50%;
          top: 50%;
          transform: translate3d(-50%,-50%,0);
          -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
          -webkit-transform: translate3d(-50%,-50%,0);
          -o-transform: translate3d(-50%,-50%,0);
        }
//html
<p class="imgBox1" data-value='' style='position:relative;width:100%;text-align:center'>
        <img class="addcarimg1 img-responsive" id="blah1" src="" style="width:100%;height:20rem;overflow:hidden;"/>
        <a href="javascript:;" class="imgboxa">
         <span class="iconadd jiaNo1">+</span></br>
         <span class="txt textNo1">身份证正面</span>
         <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp1" id="imgInp" data-value='1' />
        </a>
    </p>