Для текущей ветки нет информации об отслеживании

РАБОЧЕЕ РЕШЕНИЕ

blockquote>

Позвольте мне добавить к этому старому сообщению, рабочее решение, которое я использовал для использования, работает, вероятно, на 80% или более все браузеры как новые, так и старые.

Решение сложное, но простое. Первый шаг - использовать CSS и отобразить тип входного файла с «подэлементами», которые показывают, поскольку он имеет непрозрачность 0. Следующий шаг - использовать JavaScript для обновления своей метки по мере необходимости.

HTML Идентификаторы просто вставляются, если вам нужен быстрый способ доступа к определенному элементу, однако классы являются обязательными, поскольку они относятся к CSS, который устанавливает весь этот процесс

blockquote>

    
    

        Click Here
        
    

CSS Имейте в виду, раскраски и стили шрифтов и т. д. являются вашими предпочтениями, если вы используете этот базовый CSS, вы всегда можете использовать after-

blockquote>

.file-test-area {
    border: 1px solid;
    margin: .5em;
    padding: 1em;
}
.file-input {
    cursor: pointer !important;
}
.file-input * {
    cursor: pointer !important;
    display: inline-block;
}
.file-input.wrapper {
    display: inline-block;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}
.file-input.control {
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;

    height: 100%;
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 2;
}
.file-input.content {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.file-input.output {
    background-color: #FFC;
    font-size: .8em;
    padding: .2em .2em .2em .4em;
    text-align: center;
    width: 10em;
}
.file-input.button {
    border: none;
    font-weight: bold;
    margin-left: .25em;
    padding: 0 .25em;
}

JavaScript Чистое и истинное, однако, как показано на рис. , некоторые OLDER (удаленные) браузеры могут все еще иметь проблемы с ним (например, Netscrape 2!) [/ ​​g4]

blockquote>

var inp = document.getElementsByTagName('input');
for (var i=0;i

Рабочий пример jsFiddle