禁用文件输入元素时显示glyphicon

Question

无论如何，当文件输入元素被禁用（悬停）时，是否在文件输入元素上显示.glyphicon-ban-circle glyphicon？在按钮元素上执行相同操作很简单，但我还没有想到如何在文件输入上执行相同的操作。如果可能的话，我宁愿不必引入任何新的依赖项（bootstrap插件）。

 <input type="file" name="uploads" id="uploads" accept="application/pdf,image/png,image/jpeg" title="Browse" class="btn btn-primary btn-sm" data-bind="
                               event: { change: fileSelected($element.files) },
                               disable: files().length > 0"/>