首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >占位符伪元素有伪类吗?

占位符伪元素有伪类吗?
EN

Stack Overflow用户
提问于 2016-06-03 22:41:13
回答 1查看 125关注 0票数 1

我想为input[type=text]placeholder伪元素的出现和消失提供动画效果。我的想法是将样式(特别是transition)添加到前者的伪类中,这些伪类负责它的存在(:active或类似的东西)。到目前为止,我还没有找到任何方法来做到这一点。

我试图将占位符的伪元素转换为绝对定位的块,但它不起作用。更多的策略也没有带来任何有意义的结果。因此就有了这个问题。

附注:我有强烈的感觉,这要么是被CSS3规范禁止的,要么就是根本没有涵盖。这很好,但是既然有了CSS4 coming one day,我相信我的问题会在历史的道路上得到一堆新的答案。

EN

回答 1

Stack Overflow用户

发布于 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规范。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37617300

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档