WebKit's Datei-Upload-Eingabe-Button nach rechts zwingen

Avatar of Chris Coyier
Chris Coyier am

Firefox und IE haben den Button "Datei auswählen" rechts vom Dateipfad, während WebKit ihn links platziert. Dies sorgt dafür, dass WebKit ihn ebenfalls rechts platziert.

<input type="file">
input[type="file"]{
   -webkit-appearance: none;
   text-align: left;
   -webkit-rtl-ordering:  left;
}
input[type="file"]::-webkit-file-upload-button{
   -webkit-appearance: none;
   float: right;
   margin: 0 0 0 10px;
   border: 1px solid #aaaaaa;
   border-radius: 4px;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#d2d0d0), to(#f0f0f0));
   background-image: -moz-linear-gradient(90deg, #d2d0d0 0%, #f0f0f0 100%);
}