Question

有没有办法不显示当前在文件输入中选择的文件？我只想按钮选择显示。如果它有帮助，我正在使用Bootstrap 3.3.2。

Answer 1

要在不使用JavaScript的情况下完成它，您可以将其包装在标签中，并将控件移出屏幕：

HTML：

<label class="file-container">
    Open file...
    <input type="file">
</label>

CSS：

.file-container {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    border: 1px solid;
    border-color: #ccc;
    float: left;
    padding: .5em;    
}

.file-container [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

JSFiddle

如何不显示当前在输入文件中选择的文件

1 个答案: