Paksa Tombol Input Unggah File WebKit ke Kanan - Trik CSS

Anonim

Firefox dan IE memiliki tombol "pilih file" di sebelah kanan jalur file, sementara WebKit meletakkannya di sebelah kiri. Ini membuat WebKit meletakkannya di sebelah kanan juga.

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