是否有CSS“:drop-hover”伪类?

2024-05-02

说我有一个input type="file"场地。人们可以在上面放置一个文件input(就像在 Firefox 中一样)而不是单击“浏览”并选择文件。

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

如果被删除的文件不被接受,是否有 CSS 方式来设置不同的样式?假设该字段仅接受 PNG 文件,使用accept属性,如果您要在其上放置 PNG 文件,我会将字段设置为绿色,如果是另一种类型的文件,则将字段设置为红色。

有没有CSS今天如何做这些?有没有计划的方法来做到这一点CSS(就像在即将发布的规范/当前规范中一样,但没有在任何地方实现)?


更新:根据 @Renato 的评论https://github.com/w3c/csswg-drafts/issues/2257 https://github.com/w3c/csswg-drafts/issues/2257,现在已经删除了 drop 伪类。


:drop and :drop()伪类,目前位于工作草案 https://drafts.csswg.org/selectors-4/#selectordef-drop-function status.

浏览器支持不好。

对于“不接受正在删除的文件”的情况,:drop(invalid active)预计将来会起作用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

是否有CSS“:drop-hover”伪类? 的相关文章

随机推荐