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>

＆＃34;选择文件＆＃34;按钮是旧的默认按钮样式。

我可以请一些帮助来获得按钮的引导样式，而不是默认的按钮样式吗？我不确定使用的是正确的类。

提前致谢

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

输入类型文件引导类样式

1 个答案: