Тип входного типа bootstrap class styling

Question

Я кодирую интернет-приложение MVC 5, и у меня есть вид, где пользователь может загрузить файл.

Вот мой код:

<p> 
    @using (Html.BeginForm("Upload", "Asset", FormMethod.Post, new { enctype = "multipart/form-data" })) 
    { 
     <input type="file" class="btn btn-default" name="image" /> 
     <input type="submit" class="btn btn-default" value="upload" /> 
    } 
</p> 

Кнопка «Выбрать файл» старый стиль по умолчанию кнопки.

Могу ли я, пожалуйста, иметь какую-то помощь, чтобы стиль стиля бутстрапа, а не стиль кнопки по умолчанию? Я не уверен в правильном классе.

Заранее спасибо

Answer 1

HTML

<span class="btn btn-danger 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; 
} 

Для получения более подробной информации вы пройти через этот LINK