html - 我想显示用户使用 css 选择的文件的文本

Question

我在 css 下使用了这个

.fileContainer [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;
}

对于我的 html

<div class=" btn btn-primary fileContainer">
   <div class="input-group">
      <i class="fa fa-paperclip fa-inverse"></i> Attachment
      <input type="file" ngf-select ngf-multiple="true" 
      ng-model="noteListData.files" name="files">
      </i>
   </div>
</div>

使用此 css 我无法看到该文本。 帮帮我。 我还想显示按钮和文本。

谢谢

Answer 1

原来应该是属性“opacity”而不是“filter”。尝试将“不透明度”设置为 1。