Neden twitter bootstrap için dosya yükleme fantezi unsuru bir düğme değil mi? eğer mavi birincil düğmeye Yükle düğmesini için uygulansaydı tatlı olurdu. Hatta "yükle" düğmesine CSS (cant işletilen yerel tarayıcı bir unsur gibi görünüyor) kullanarak incelik mümkün

İşte Bootstrap 3 için bir çözüm.

Bir düğme gibi görünen işlevsel dosya giriş bir kontrol yapmak için sadece HTML/CSS:

HTML

<span class="btn btn-default btn-file">
    Browse <input type="file">
</span>

CSS

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

Bu yöntem olarak kaç tane dosya seçilir/: kullanıcı göstermek için örnekler hakkında daha fazla bilgi gönderdiniz

http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/