我想为input[type=text]
的placeholder
伪元素的出现和消失提供动画效果。我的想法是将样式(特别是transition
)添加到前者的伪类中,这些伪类负责它的存在(:active
或类似的东西)。到目前为止,我还没有找到任何方法来做到这一点。
我试图将占位符的伪元素转换为绝对定位的块,但它不起作用。更多的策略也没有带来任何有意义的结果。因此就有了这个问题。
附注:我有强烈的感觉,这要么是被CSS3规范禁止的,要么就是根本没有涵盖。这很好,但是既然有了CSS4 coming one day,我相信我的问题会在历史的道路上得到一堆新的答案。
发布于 2016-06-03 22:47:57
附言:我有强烈的感觉,这要么是被CSS3规范禁止的,要么就是根本没有涵盖。
Selectors 4说,伪元素是否可以拥有用户操作伪类取决于伪元素。伪元素4,它是defines the ::placeholder
pseudo-element的,不评论它是否可以有伪类。
基于此,您可以假定这是CSS3规范所禁止的。这是有道理的--首先您实际上不能与占位符标签交互,所以在::placeholder
伪元素上拥有用户操作伪类是没有意义的。
话虽如此,如果您试图在控件进入或离开焦点时以动画形式显示占位符的外观和消失,则应将伪类附加到控件,而不是占位符,并根据控件所处的状态设置占位符的样式。
尽管如此,伪元素4(同样)指出,只有适用于::first-line
的属性才能适用于::placeholder
,因此您将无法为其添加动画,也无法更改其显示类型或位置。所以无论哪种方式,你都不太走运。
,这很好,但是因为有一天会有CSS4
但事实并非如此。选择器-4和css-伪-4是CSS3规范。
https://stackoverflow.com/questions/37617300
复制相似问题