Buộc nút đầu vào tải lên tệp của WebKit ở bên phải - Thủ thuật CSS

Anonim

Firefox và IE có nút "chọn tệp" ở bên phải của đường dẫn tệp, trong khi WebKit đặt nó ở bên trái. Điều này làm cho WebKit đặt nó ở bên phải.

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