Bootstrap 4 справа налево для ввода пользовательских файлов - PullRequest
0 голосов
/ 01 января 2019

Я пытаюсь сделать направление ввода файла загрузки от начальной загрузки 4 справа налево, но ничего, что я пробовал до сих пор не получилось

Я также пытался изменить направление для других тегов

<div class="form-group">
        <div class="col-md-4">
            <div class="custom-file">
                <input type="file" class="custom-file-input" id="customFile" multiple lang="ar" dir="rtl">
                <label class="custom-file-label text-left" for="customFile">choose files to upload</label>
            </div>
        </div>
        <script type="text/javascript">
            $('.custom-file input').change(function (e) {
                var files = [];
                for (var i = 0; i < $(this)[0].files.length; i++) {
                    files.push($(this)[0].files[i].name);
                }
                $(this).next('.custom-file-label').html(files.join(', '));
            });
        </script>
    </div>

bootstrap upload file control style

1 Ответ

0 голосов
/ 01 января 2019

Вам понадобится немного нестандартного CSS, как этот ...

.custom-file-label::after {
    left: 0;
    right: auto;
    border-left-width: 0;
    border-right: inherit;
}

Демо: https://www.codeply.com/go/kOURGBHqEX

...