我试图:after在input字段上使用CSS伪元素,但它不起作用.如果我使用它span,它可以正常工作.
:after
input
span
这是有效的(在"buu!"之后和"更多"之前放置笑脸)
buuu!a some more
这不起作用 - 它只用红色调色someValue,但没有笑脸.
我究竟做错了什么？我应该使用另一个伪选择器吗？
注意:我不能添加span我的input,因为它是由第三方控件生成的.
:before
并且不能包含其他元素.
伪元素只能在容器元素上定义(或者更好地说只支持).因为它们的呈现方式在容器本身内作为子元素.input不能包含其他元素因此不受支持.甲button在另一方面这也是一个表格元件支持它们,因为它的其他子元素的容器.
button
如果你问我,如果某个浏览器确实在非容器元素上显示这两个伪元素,那就是一个bug和一个非标准的一致性.规范直接谈到元素内容......
如果我们仔细阅读规范,它实际上说它们被插入到包含元素中:
作者使用:before和:after伪元素指定生成内容的样式和位置.正如其名称所示,:before和:after伪元素指定元素文档树内容之前和之后的内容位置.'content'属性与这些伪元素一起指定插入的内容.
看到？元素的文档树内容.据我所知,这意味着在容器内.
:after并且:before在任何元素上都不支持Internet Explorer 7及更低版本.
它也不适用于替换元素,如表单元素(输入)和图像元素.
换句话说,使用纯CSS 是不可能的.
但是,如果使用jquery,您可以使用
$(".mystyle").after("add your smiley here");
关于.after的API文档
使用javascript附加您的内容.这适用于所有浏览器.
奇怪的是,它适用于某些类型的输入.至少在Chrome中,
工作正常,同样如
它只是type=text和其他一些不起作用.
type=text
这是另一种方法(假设您可以控制HTML):在输入后添加一个空的右侧,并使用CSS中的目标input.mystyle + span:after
input.mystyle + span:after
.field_with_errors { display: inline; color: red; } .field_with_errors input+span:after { content: "*" }
Label:
:before并:after应用于容器内,这意味着您可以将其用于带有结束标记的元素.
它不适用于自闭元素.
另一方面,自动关闭的元素(例如img/hr/input)也称为"替换元素",因为它们被各自的内容替换."外部对象"缺乏更好的术语.这里有更好的阅读
我用它background-image来为必填字段创建红点.
background-image
input[type="text"][required] { background-image: radial-gradient(red 15%, transparent 16%); background-size: 1em 1em; background-position: top right; background-repeat: no-repeat }
在Codepen上查看
你不能在输入元素中放置一个伪元素,但可以放入阴影元素,就像占位符一样!
input[type="text"] { &::-webkit-input-placeholder { &:before { // your code } } }
要使其在其他浏览器中工作,请使用:-moz-placeholder,::-moz-placeholder并:-ms-input-placeholder 在不同的选择器中使用.无法对选择器进行分组,因为如果浏览器无法识别选择器,则会使整个语句无效.
:-moz-placeholder
::-moz-placeholder
:-ms-input-placeholder
更新:以上代码仅适用于CSS预处理器(SASS,LESS ...),没有预处理器使用:
input[type="text"]::-webkit-input-placeholder:before { // your code }
纯CSS中的工作解决方案:
诀窍是假设文本字段后面有一个dom元素.
/* * The trick is here: * this selector says "take the first dom element after * the input text (+) and set its before content to the * value (:before). */ input#myTextField + *:before { content: ""; }
像伪元素一样:after,:before仅用于容器元素.开始和在一个地方如关闭元件,等不是容器元素,因此伪构件不被支持.将伪元素应用于容器元素之后,如果检查代码(请参见图像),您就可以理解我的意思了.实际上,伪元素是在容器元素内创建的.在或的情况下这是不可能的 10> 小智..：我找到了这篇文章,因为我遇到了同样的问题,这是对我有用的解决方案.与替换输入的值相反,只需将其删除并绝对在其后面放置一个相同大小的跨度,跨度可以使用:before您选择的图标字体对其应用伪类. 11> Jukka K. Kor..：根据CSS 2.1规范中的注释，该规范“未完全定义：before和：after与替换元素（例如HTML中的IMG）的交互。这将在更详细的在未来的规范来定义“虽然，input是不是一个真正的替换元素更多，基本态势没有改变：效果:before和:after未指定就可以了，一般没有影响。 解决方案是找到另一种方法来解决您要解决的问题。将生成的内容放入文本输入控件中会产生很大的误导性：对用户而言，它似乎是控件中初始值的一部分，但无法修改-因此，它似乎是在开始时就被强制执行的操作。控件，但它不会作为表单数据的一部分提交。 这是一个评论，而不是一个答案-相当长的评论，但仍然是一个评论。 12> Oriol..：正如其他人所解释的那样，inputs是有点替换的void元素，因此大多数浏览器都不允许您在其中生成::before或::after伪元素。 然而，CSS工作组正在考虑明确允许::before和::after万一input有appearance: none。 从https://lists.w3.org/Archives/Public/www-style/2016Mar/0190.html， Safari和Chrome都允许在表单输入中使用伪元素。其他浏览器则没有。我们曾考虑删除它，但是使用计数器正在记录使用它的〜.07％页面，这是我们最大删除阈值的20倍。 实际上，在输入上指定伪元素将需要至少指定输入的内部结构，而我们尚未设法做到这一点（我不确定我们可以做到）。但鲍里斯（Boris）建议，在其中一个bug线程中，允许其出现：无输入-基本上只是将它们转换为，而不是“ kinda替换”元素。 13> Manngo..：这里最大的误区，就是这些词的含义before和after。它们不是指元素本身，而是指元素中的内容。所以，element:before是之前的内容，并且element:after是内容之后，但两者仍然是原来的元素中。 该input元素在CSS视图中没有内容，因此也没有:before或:after伪内容。许多其他void或替换元素也是如此。 没有伪元素引用元素外部。 在不同的宇宙中，这些伪元素可能被称为其他名称，以使这种区分更加清晰。甚至有人可能提出了一个伪元素，而该伪元素确实在元素之外。到目前为止，在这个宇宙中情况并非如此。 推荐阅读 程序员 打开我的Bootstrap模式后无法点击任何内容 如何解决《打开我的Bootstrap模式后无法点击任何内容》经验，为你挑选了1个好方法。 ... [详细] 程序员 python tornado下载远程文件 如何解决《pythontornado下载远程文件》经验，为你挑选了1个好方法。 ... [详细] 程序员 ef7无法检索子集合的子对象的属性 如何解决《ef7无法检索子集合的子对象的属性》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何从mysql查询中获取关注者/以下列表 如何解决《如何从mysql查询中获取关注者/以下列表》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在Ipython Notebook上使用我的GPU？ 如何解决《如何在IpythonNotebook上使用我的GPU？》经验，为你挑选了0个好方法。 ... [详细] 程序员 ng-grid不显示任何数据 如何解决《ng-grid不显示任何数据》经验，为你挑选了1个好方法。 ... [详细] 程序员 Git:将多个提交从一个分支合并到另一个分支 如何解决《Git:将多个提交从一个分支合并到另一个分支》经验，为你挑选了1个好方法。 ... [详细] 程序员 Django:模型之间的参考 如何解决《Django:模型之间的参考》经验，为你挑选了0个好方法。 ... [详细] 程序员 我应该在混合的Objective-C/Swift项目中使用Realm Objective-C或Realm Swift吗？ 如何解决《我应该在混合的Objective-C/Swift项目中使用RealmObjective-C或RealmSwift吗？》经验，为你挑选了1个好方法。 ... [详细] 程序员 运行gulp app时无法找到模块'require-dir'错误:serve rails 如何解决《运行gulpapp时无法找到模块'require-dir'错误:serverails》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何使用sql语法(没有PHP)在mysql表中插入blob中的图像？ 如何解决《如何使用sql语法(没有PHP)在mysql表中插入blob中的图像？》经验，为你挑选了1个好方法。 ... [详细] 程序员 错误:初始化程序只能在类型中声明 如何解决《错误:初始化程序只能在类型中声明》经验，为你挑选了1个好方法。 ... [详细] 程序员 删除邮递员缓存 如何解决《删除邮递员缓存》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在Github上创建一个库,并通过Android Studio中的gradle依赖项使用它 如何解决《如何在Github上创建一个库,并通过AndroidStudio中的gradle依赖项使用它》经验，为你挑选了2个好方法。 ... [详细] 程序员 在KDB +希望之后你不做一个hclose会发生什么 如何解决《在KDB+希望之后你不做一个hclose会发生什么》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何使用c#在折线图中显示标记点 如何解决《如何使用c#在折线图中显示标记点》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在YAML文件中为简单的POJO定义地图？ 如何解决《如何在YAML文件中为简单的POJO定义地图？》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何通过命令行获取32位十六进制数字的随机字符串？ 如何解决《如何通过命令行获取32位十六进制数字的随机字符串？》经验，为你挑选了4个好方法。 ... [详细] 程序员 获取rails中每个不同记录的所有列 如何解决《获取rails中每个不同记录的所有列》经验，为你挑选了1个好方法。 ... [详细] 程序员 android:从片段打开chrome自定义选项卡 如何解决《android:从片段打开chrome自定义选项卡》经验，为你挑选了1个好方法。 ... [详细] 吐了个 "CAO" ! 吐个槽吧,看都看了 会员登录 | 用户注册 可爱的天使keven_464 这个屌丝很懒，什么也没留下！ 关注作者 Tags | 热门标签 actionscrip bash c# c++ c语言 erlang flutter go golang java javascript lua node.js perl php python scala typescript RankList | 热门文章 1什么可以使std :: map找不到它的一个键？ 2Linq加入查询错误 3如何将预先填充的文本消息发送给特定(预期)Whats-App用户/用户？ 4学习Netsuite 5包括头文件进行分析之后，请告诉我有关cppcheck的用途或工作方式 6JDBC是否在将日期插入Oracle DB之前调整日期？我该如何防止这种情况？ 7在类"对象"中定义的==运算符在哪里？ 8有没有办法在babelify中关闭"超级之前不允许这样的规则"？ 9Bootstrap 3无法在Symfony3中运行 10使用Javascript下载HTML5 mp4视频 11如何在android中的数组列表中获取特定值的索引 12在带有colspan和rowspan的表中重复 13安装perl模块和复制整个文件夹有什么区别？ 14@Bean和@Autowired之间的区别 15如何将UTF-8数据与Latin1 MySQL数据库表中保存的相同数据进行比较 16Django/WSGI应用程序中的持久数据库连接 17为什么Stream.limit在此代码段中没有按预期工作？ 18Python：如何获取用MySQLdb删除的行数 19选项卡的android字体大小 20Swift分配评估失效的原因是什么？ DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6 Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有
,如果检查代码(请参见图像),您就可以理解我的意思了.实际上,伪元素是在容器元素内创建的.在或的情况下这是不可能的 10> 小智..：我找到了这篇文章,因为我遇到了同样的问题,这是对我有用的解决方案.与替换输入的值相反,只需将其删除并绝对在其后面放置一个相同大小的跨度,跨度可以使用:before您选择的图标字体对其应用伪类. 11> Jukka K. Kor..：根据CSS 2.1规范中的注释，该规范“未完全定义：before和：after与替换元素（例如HTML中的IMG）的交互。这将在更详细的在未来的规范来定义“虽然，input是不是一个真正的替换元素更多，基本态势没有改变：效果:before和:after未指定就可以了，一般没有影响。 解决方案是找到另一种方法来解决您要解决的问题。将生成的内容放入文本输入控件中会产生很大的误导性：对用户而言，它似乎是控件中初始值的一部分，但无法修改-因此，它似乎是在开始时就被强制执行的操作。控件，但它不会作为表单数据的一部分提交。 这是一个评论，而不是一个答案-相当长的评论，但仍然是一个评论。 12> Oriol..：正如其他人所解释的那样，inputs是有点替换的void元素，因此大多数浏览器都不允许您在其中生成::before或::after伪元素。 然而，CSS工作组正在考虑明确允许::before和::after万一input有appearance: none。 从https://lists.w3.org/Archives/Public/www-style/2016Mar/0190.html， Safari和Chrome都允许在表单输入中使用伪元素。其他浏览器则没有。我们曾考虑删除它，但是使用计数器正在记录使用它的〜.07％页面，这是我们最大删除阈值的20倍。 实际上，在输入上指定伪元素将需要至少指定输入的内部结构，而我们尚未设法做到这一点（我不确定我们可以做到）。但鲍里斯（Boris）建议，在其中一个bug线程中，允许其出现：无输入-基本上只是将它们转换为，而不是“ kinda替换”元素。 13> Manngo..：这里最大的误区，就是这些词的含义before和after。它们不是指元素本身，而是指元素中的内容。所以，element:before是之前的内容，并且element:after是内容之后，但两者仍然是原来的元素中。 该input元素在CSS视图中没有内容，因此也没有:before或:after伪内容。许多其他void或替换元素也是如此。 没有伪元素引用元素外部。 在不同的宇宙中，这些伪元素可能被称为其他名称，以使这种区分更加清晰。甚至有人可能提出了一个伪元素，而该伪元素确实在元素之外。到目前为止，在这个宇宙中情况并非如此。 推荐阅读 程序员 打开我的Bootstrap模式后无法点击任何内容 如何解决《打开我的Bootstrap模式后无法点击任何内容》经验，为你挑选了1个好方法。 ... [详细] 程序员 python tornado下载远程文件 如何解决《pythontornado下载远程文件》经验，为你挑选了1个好方法。 ... [详细] 程序员 ef7无法检索子集合的子对象的属性 如何解决《ef7无法检索子集合的子对象的属性》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何从mysql查询中获取关注者/以下列表 如何解决《如何从mysql查询中获取关注者/以下列表》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在Ipython Notebook上使用我的GPU？ 如何解决《如何在IpythonNotebook上使用我的GPU？》经验，为你挑选了0个好方法。 ... [详细] 程序员 ng-grid不显示任何数据 如何解决《ng-grid不显示任何数据》经验，为你挑选了1个好方法。 ... [详细] 程序员 Git:将多个提交从一个分支合并到另一个分支 如何解决《Git:将多个提交从一个分支合并到另一个分支》经验，为你挑选了1个好方法。 ... [详细] 程序员 Django:模型之间的参考 如何解决《Django:模型之间的参考》经验，为你挑选了0个好方法。 ... [详细] 程序员 我应该在混合的Objective-C/Swift项目中使用Realm Objective-C或Realm Swift吗？ 如何解决《我应该在混合的Objective-C/Swift项目中使用RealmObjective-C或RealmSwift吗？》经验，为你挑选了1个好方法。 ... [详细] 程序员 运行gulp app时无法找到模块'require-dir'错误:serve rails 如何解决《运行gulpapp时无法找到模块'require-dir'错误:serverails》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何使用sql语法(没有PHP)在mysql表中插入blob中的图像？ 如何解决《如何使用sql语法(没有PHP)在mysql表中插入blob中的图像？》经验，为你挑选了1个好方法。 ... [详细] 程序员 错误:初始化程序只能在类型中声明 如何解决《错误:初始化程序只能在类型中声明》经验，为你挑选了1个好方法。 ... [详细] 程序员 删除邮递员缓存 如何解决《删除邮递员缓存》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在Github上创建一个库,并通过Android Studio中的gradle依赖项使用它 如何解决《如何在Github上创建一个库,并通过AndroidStudio中的gradle依赖项使用它》经验，为你挑选了2个好方法。 ... [详细] 程序员 在KDB +希望之后你不做一个hclose会发生什么 如何解决《在KDB+希望之后你不做一个hclose会发生什么》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何使用c#在折线图中显示标记点 如何解决《如何使用c#在折线图中显示标记点》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在YAML文件中为简单的POJO定义地图？ 如何解决《如何在YAML文件中为简单的POJO定义地图？》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何通过命令行获取32位十六进制数字的随机字符串？ 如何解决《如何通过命令行获取32位十六进制数字的随机字符串？》经验，为你挑选了4个好方法。 ... [详细] 程序员 获取rails中每个不同记录的所有列 如何解决《获取rails中每个不同记录的所有列》经验，为你挑选了1个好方法。 ... [详细] 程序员 android:从片段打开chrome自定义选项卡 如何解决《android:从片段打开chrome自定义选项卡》经验，为你挑选了1个好方法。 ... [详细] 吐了个 "CAO" ! 吐个槽吧,看都看了 会员登录 | 用户注册 可爱的天使keven_464 这个屌丝很懒，什么也没留下！ 关注作者 Tags | 热门标签 actionscrip bash c# c++ c语言 erlang flutter go golang java javascript lua node.js perl php python scala typescript RankList | 热门文章 1什么可以使std :: map找不到它的一个键？ 2Linq加入查询错误 3如何将预先填充的文本消息发送给特定(预期)Whats-App用户/用户？ 4学习Netsuite 5包括头文件进行分析之后，请告诉我有关cppcheck的用途或工作方式 6JDBC是否在将日期插入Oracle DB之前调整日期？我该如何防止这种情况？ 7在类"对象"中定义的==运算符在哪里？ 8有没有办法在babelify中关闭"超级之前不允许这样的规则"？ 9Bootstrap 3无法在Symfony3中运行 10使用Javascript下载HTML5 mp4视频 11如何在android中的数组列表中获取特定值的索引 12在带有colspan和rowspan的表中重复 13安装perl模块和复制整个文件夹有什么区别？ 14@Bean和@Autowired之间的区别 15如何将UTF-8数据与Latin1 MySQL数据库表中保存的相同数据进行比较 16Django/WSGI应用程序中的持久数据库连接 17为什么Stream.limit在此代码段中没有按预期工作？ 18Python：如何获取用MySQLdb删除的行数 19选项卡的android字体大小 20Swift分配评估失效的原因是什么？ DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6 Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有
我找到了这篇文章,因为我遇到了同样的问题,这是对我有用的解决方案.与替换输入的值相反,只需将其删除并绝对在其后面放置一个相同大小的跨度,跨度可以使用:before您选择的图标字体对其应用伪类.
根据CSS 2.1规范中的注释，该规范“未完全定义：before和：after与替换元素（例如HTML中的IMG）的交互。这将在更详细的在未来的规范来定义“虽然，input是不是一个真正的替换元素更多，基本态势没有改变：效果:before和:after未指定就可以了，一般没有影响。
解决方案是找到另一种方法来解决您要解决的问题。将生成的内容放入文本输入控件中会产生很大的误导性：对用户而言，它似乎是控件中初始值的一部分，但无法修改-因此，它似乎是在开始时就被强制执行的操作。控件，但它不会作为表单数据的一部分提交。
正如其他人所解释的那样，inputs是有点替换的void元素，因此大多数浏览器都不允许您在其中生成::before或::after伪元素。
::before
::after
然而，CSS工作组正在考虑明确允许::before和::after万一input有appearance: none。
appearance: none
从https://lists.w3.org/Archives/Public/www-style/2016Mar/0190.html，
Safari和Chrome都允许在表单输入中使用伪元素。其他浏览器则没有。我们曾考虑删除它，但是使用计数器正在记录使用它的〜.07％页面，这是我们最大删除阈值的20倍。 实际上，在输入上指定伪元素将需要至少指定输入的内部结构，而我们尚未设法做到这一点（我不确定我们可以做到）。但鲍里斯（Boris）建议，在其中一个bug线程中，允许其出现：无输入-基本上只是将它们转换为，而不是“ kinda替换”元素。 13> Manngo..：这里最大的误区，就是这些词的含义before和after。它们不是指元素本身，而是指元素中的内容。所以，element:before是之前的内容，并且element:after是内容之后，但两者仍然是原来的元素中。 该input元素在CSS视图中没有内容，因此也没有:before或:after伪内容。许多其他void或替换元素也是如此。 没有伪元素引用元素外部。 在不同的宇宙中，这些伪元素可能被称为其他名称，以使这种区分更加清晰。甚至有人可能提出了一个伪元素，而该伪元素确实在元素之外。到目前为止，在这个宇宙中情况并非如此。 推荐阅读 程序员 打开我的Bootstrap模式后无法点击任何内容 如何解决《打开我的Bootstrap模式后无法点击任何内容》经验，为你挑选了1个好方法。 ... [详细] 程序员 python tornado下载远程文件 如何解决《pythontornado下载远程文件》经验，为你挑选了1个好方法。 ... [详细] 程序员 ef7无法检索子集合的子对象的属性 如何解决《ef7无法检索子集合的子对象的属性》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何从mysql查询中获取关注者/以下列表 如何解决《如何从mysql查询中获取关注者/以下列表》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在Ipython Notebook上使用我的GPU？ 如何解决《如何在IpythonNotebook上使用我的GPU？》经验，为你挑选了0个好方法。 ... [详细] 程序员 ng-grid不显示任何数据 如何解决《ng-grid不显示任何数据》经验，为你挑选了1个好方法。 ... [详细] 程序员 Git:将多个提交从一个分支合并到另一个分支 如何解决《Git:将多个提交从一个分支合并到另一个分支》经验，为你挑选了1个好方法。 ... [详细] 程序员 Django:模型之间的参考 如何解决《Django:模型之间的参考》经验，为你挑选了0个好方法。 ... [详细] 程序员 我应该在混合的Objective-C/Swift项目中使用Realm Objective-C或Realm Swift吗？ 如何解决《我应该在混合的Objective-C/Swift项目中使用RealmObjective-C或RealmSwift吗？》经验，为你挑选了1个好方法。 ... [详细] 程序员 运行gulp app时无法找到模块'require-dir'错误:serve rails 如何解决《运行gulpapp时无法找到模块'require-dir'错误:serverails》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何使用sql语法(没有PHP)在mysql表中插入blob中的图像？ 如何解决《如何使用sql语法(没有PHP)在mysql表中插入blob中的图像？》经验，为你挑选了1个好方法。 ... [详细] 程序员 错误:初始化程序只能在类型中声明 如何解决《错误:初始化程序只能在类型中声明》经验，为你挑选了1个好方法。 ... [详细] 程序员 删除邮递员缓存 如何解决《删除邮递员缓存》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在Github上创建一个库,并通过Android Studio中的gradle依赖项使用它 如何解决《如何在Github上创建一个库,并通过AndroidStudio中的gradle依赖项使用它》经验，为你挑选了2个好方法。 ... [详细] 程序员 在KDB +希望之后你不做一个hclose会发生什么 如何解决《在KDB+希望之后你不做一个hclose会发生什么》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何使用c#在折线图中显示标记点 如何解决《如何使用c#在折线图中显示标记点》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何在YAML文件中为简单的POJO定义地图？ 如何解决《如何在YAML文件中为简单的POJO定义地图？》经验，为你挑选了1个好方法。 ... [详细] 程序员 如何通过命令行获取32位十六进制数字的随机字符串？ 如何解决《如何通过命令行获取32位十六进制数字的随机字符串？》经验，为你挑选了4个好方法。 ... [详细] 程序员 获取rails中每个不同记录的所有列 如何解决《获取rails中每个不同记录的所有列》经验，为你挑选了1个好方法。 ... [详细] 程序员 android:从片段打开chrome自定义选项卡 如何解决《android:从片段打开chrome自定义选项卡》经验，为你挑选了1个好方法。 ... [详细] 吐了个 "CAO" ! 吐个槽吧,看都看了 会员登录 | 用户注册 可爱的天使keven_464 这个屌丝很懒，什么也没留下！ 关注作者 Tags | 热门标签 actionscrip bash c# c++ c语言 erlang flutter go golang java javascript lua node.js perl php python scala typescript RankList | 热门文章 1什么可以使std :: map找不到它的一个键？ 2Linq加入查询错误 3如何将预先填充的文本消息发送给特定(预期)Whats-App用户/用户？ 4学习Netsuite 5包括头文件进行分析之后，请告诉我有关cppcheck的用途或工作方式 6JDBC是否在将日期插入Oracle DB之前调整日期？我该如何防止这种情况？ 7在类"对象"中定义的==运算符在哪里？ 8有没有办法在babelify中关闭"超级之前不允许这样的规则"？ 9Bootstrap 3无法在Symfony3中运行 10使用Javascript下载HTML5 mp4视频 11如何在android中的数组列表中获取特定值的索引 12在带有colspan和rowspan的表中重复 13安装perl模块和复制整个文件夹有什么区别？ 14@Bean和@Autowired之间的区别 15如何将UTF-8数据与Latin1 MySQL数据库表中保存的相同数据进行比较 16Django/WSGI应用程序中的持久数据库连接 17为什么Stream.limit在此代码段中没有按预期工作？ 18Python：如何获取用MySQLdb删除的行数 19选项卡的android字体大小 20Swift分配评估失效的原因是什么？ DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6 Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有
Safari和Chrome都允许在表单输入中使用伪元素。其他浏览器则没有。我们曾考虑删除它，但是使用计数器正在记录使用它的〜.07％页面，这是我们最大删除阈值的20倍。
实际上，在输入上指定伪元素将需要至少指定输入的内部结构，而我们尚未设法做到这一点（我不确定我们可以做到）。但鲍里斯（Boris）建议，在其中一个bug线程中，允许其出现：无输入-基本上只是将它们转换为
这里最大的误区，就是这些词的含义before和after。它们不是指元素本身，而是指元素中的内容。所以，element:before是之前的内容，并且element:after是内容之后，但两者仍然是原来的元素中。
before
after
element:before
element:after
该input元素在CSS视图中没有内容，因此也没有:before或:after伪内容。许多其他void或替换元素也是如此。
没有伪元素引用元素外部。
在不同的宇宙中，这些伪元素可能被称为其他名称，以使这种区分更加清晰。甚至有人可能提出了一个伪元素，而该伪元素确实在元素之外。到目前为止，在这个宇宙中情况并非如此。
