用于空文件输入的CSS选择器

Question

我知道样式文件输入非常小,这不是一件坏事.

有没有办法选择空的文件输入？

计划是显示或隐藏提交按钮,具体取决于文件输入是否为空.

Answer 1

如果你觉得标记为inputas required,你可以用css做到:

input:invalid ~ .chosen {
    display: none;
}
input:valid ~ .empty {
    display: none;
}

<input type="file" required><br>

<span class="empty">Empty</span>
<span class="chosen">Chosen</span>