Как убрать надпись "Файл не выбран" и оставить только кнопку Обзор, используя CSS или HTML

Question

Всё что нужно это убрать надпись "Файл не выбран", помогите кто может.

            <div class="InputRegistration"><p>
                <label for="">
                    <p>Укажите вашу аватарку:</p>
                    <input type="file" name="file" class="SelectImage">
                </label>
            </p>
        </div>

Answer 1

для div в котором написан данный текст поставить свойство display: none;

сделать можно разными способами - поскольку кода вы не привели, то о структуре можно гадать и варинтов предложить много:

если у текста за кнопкой есть индивидуальный класс

.text_posle_knopki_obsor {
    display: none;
}

если у текста за кнопкой есть id

#text_posle_knopki_obsor {
    display: none;
}

если у текста за кнопкой ничего нет

button[value='Обзор'] + div {
    display: none;
}

ну или модификации данных подходов (особенно последнего)

P.S.

после того как код увидел - понятно, что предложенные методы не подходят

https://stackoverflow.com/questions/12035400/how-can-i-remove-the-no-file-chosen-tooltip-from-a-file-input-in-chrome

вот решение вашей проблемы

БЛОГ НА HUSL

Как убрать надпись "Файл не выбран" и оставить только кнопку Обзор, используя CSS или HTML

Ответы (1 шт):