输入[type =“file”]用css检查文件附件的存在

Question

这不是一个JS问题，只是在可能的情况下寻找明确的css解决方案。

对于单选按钮或复选框，我们可以使用:checked伪类：

input{
  % styles %
}
input:checked{
  % another styles %
}

是否有检查文件附件是否与CSS存在的技巧？

Answer 1

（由于误解了问题而更新）

可以使用属性required检查文件是否附加。

请参阅：http://jsfiddle.net/1ua59jt1/1/

HTML：

<input id="file" type="file" name="fileselect" required="required" />

CSS：

#file:valid { color: green; }
#file:invalid { color: red; }

但如果＆＃34;正确＆＃34;你永远无法真正验证。文件是这样选择的。您只能检查是否选择了文件。

//完成更新：

required属性是HTML5。请注意，并非所有浏览器都支持此功能：http://www.w3schools.com/tags/att_input_required.asp

这意味着客户端验证唯一受信任的方式是使用javascript。如果您想这样做，我建议您使用表单上的novalidate属性来停用浏览器默认验证（http://www.w3schools.com/tags/att_form_novalidate.asp）。

但也始终使用服务器端验证。您永远无法确保用户已启用jaavscript或没有操纵javascript。因此，最好的方法是在您完全控制的一侧验证值：服务器，即表单将数据发送到的操作。