Forzar el botón de entrada de carga de archivos de WebKit hacia la derecha - Trucos CSS

Anonim

Firefox e IE tienen el botón "elegir archivo" a la derecha de la ruta del archivo, mientras que WebKit lo coloca a la izquierda. Esto hace que WebKit también lo coloque a la derecha.

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%); )