html - 是否存在 CSS ":drop-hover"伪类？

Question

说我有一个 input type="file" 字段。可以将文件放到此输入(就像在 Firefox 中一样)，而不是单击“浏览”并选择文件。

现在，我想对其进行一些自定义，方法是在将文件放入 input 时更改字段的背景颜色。我不能真正使用 :hover 因为即使你没有拖放它也会匹配。是否有 CSS(伪类)可以做到这一点？

是否有一种 CSS 方法可以在不接受和接受丢弃的文件时设置不同的样式？比如说，如果该字段仅接受使用 accept 属性的 PNG 文件，如果您要在其上放置 PNG 文件，我会将字段设置为绿色，如果是另一种类型的文件，则设置为红色。

现在有 CSS 方法来做这些吗？在 CSS 中是否有计划的方法来做到这一点(比如在即将到来的规范中/在当前规范中但没有在任何地方实现)？

Answer 1

更新:感谢@Renato 的评论，根据https://github.com/w3c/csswg-drafts/issues/2257 , drop 伪类现在已经被丢弃了。

---

有:drop 和:drop() 伪类，目前在Working Draft状态。

根据[版主:链接到垃圾邮件已删除]，浏览器支持不好。

对于“不接受正在删除的文件”的情况，:drop(invalid active) 有望在未来工作。