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

标签 html css css-selectors pseudo-class

说我有一个 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/

相关文章:

jquery - 背景图像 + 将 Div 制作成链接

css - 如何从父级扩展 scss(在 BEVM 的情况下)

html - 将左右边距设置为相同值的简写

python - 如何使用选择器定位除第一个以外的所有目标

html - 如果 div 不存在,您可以在 CSS 中应用 CSS 规则吗?

javascript - 如何使用 Javascript 检测区域的宽度并应用正确的菜单间距

jquery 在特定页面上添加一个 css 类

javascript - 带有最小值/最大值的向上/向下按钮

html - 如何摆脱 Bootstrap 模式中元素之间的额外空间?

html - Flexbox 网格容器