说我有一个 input type="file"
字段。可以将文件放到此输入
(就像在 Firefox 中一样),而不是单击“浏览”并选择文件。
现在,我想对其进行一些自定义,方法是在将文件放入 input
时更改字段的背景颜色。我不能真正使用 :hover
因为即使你没有拖放它也会匹配。是否有 CSS(伪类)可以做到这一点?
是否有一种 CSS 方法可以在不接受和接受丢弃的文件时设置不同的样式?比如说,如果该字段仅接受使用 accept
属性的 PNG 文件,如果您要在其上放置 PNG 文件,我会将字段设置为绿色,如果是另一种类型的文件,则设置为红色。
现在有 CSS 方法来做这些吗?在 CSS 中是否有计划的方法来做到这一点(比如在即将到来的规范中/在当前规范中但没有在任何地方实现)?
最佳答案
更新:感谢@Renato 的评论,根据https://github.com/w3c/csswg-drafts/issues/2257 , drop 伪类现在已经被丢弃了。
有:drop
和:drop()
伪类,目前在Working Draft状态。
根据[版主:链接到垃圾邮件已删除],浏览器支持不好。
对于“不接受正在删除的文件”的情况,:drop(invalid active)
有望在未来工作。
关于html - 是否存在 CSS ":drop-hover"伪类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42853699/