Méthode de code pour embellir le bouton du fichier d'entrée avec l'échange css_Experience

L'apparence du fichier d'entrée sous la valeur par défaut du système :
Nous pouvons modifier l'apparence par défaut du système en définissant la bordure de l'entrée :
Si nous voulons rendre le bouton Parcourir plus beau , on veut définir sa couleur de fond, même si je veux utiliser une image de fond pour la remplacer, il est vraiment impossible de définir le flie d'entrée via CSS. Je suis tombé par hasard sur un article : embellir la boîte de sélection du fichier d'entrée. L'auteur a défini la transparence du bouton par défaut du système sur 0, puis a défini un style d'étiquette pour couvrir le bouton transparent.
En suivant la méthode de l'auteur, je l'ai également essayé. Le code est le suivant :

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Approche alternative du fichier d'entr茅e</title> <style type="text/css"> <!-- * { font-size:12px} body { margin:0} .line { position:relative; float:left; padding:8px 0} .line span { float:left} input { border:1px solid #888; vertical-align:middle} .file { position:absolute; left:90px; top:8px; display:none;filter:alpha(opacity=0);opacity:0} .file1 { padding:2px 10px; display:block; float:left; background:#FF66CC; color:#fff; z-index:1; margin-left:5px; vertical-align:middle; cursor: pointer} .inputstyle { width:150px; border:1px solid #888; z-index:99} --> </style> <div class="line"> <span> <label>T茅l茅charger des fichiers</label></span> </div>