为什么输入元素不支持 HTML5 中的 ::after 伪元素？
发布于2024-11-06
浏览：473
::before 和 ::after 的伪元素兼容性
在 HTML5 中，::before 和 ::after 伪元素可以使用附加内容（例如图标或复选标记）增强元素。然而，并非所有元素都完全支持这些伪元素。
输入元素和 ::after
在提供的示例中，::after 伪元素不是显示在输入元素上。这是因为类似于 img 和 br 的 input 元素没有文档树内容。根据CSS2.1规范（http://www.w3.org/TR/CSS21/generate.html），::after仅适用于具有此类内容的元素。
因此，input元素不能使用 ::after 生成内容。可以利用替代方法（例如使用背景图像或自定义元素）在输入字段上实现类似的效果。
使用伪元素时考虑特定于元素的兼容性非常重要。 ::before 和 ::after 支持的元素的完整列表可以在 CSS 规范中找到。通过了解伪元素的局限性和功能，开发人员可以有效地应用它们来增强用户界面，而不会遇到意外的行为。
最新教程
更多>
-
将本地存储 API 与 JavaScript 和 React JS 结合使用JavaScript এবং React এ Local Storage API ব্যবহার সম্পর্কে বিস্তারিত আলোচনা করতে পারবেন? JavaScript এবং React এ Local Storage API ব্যবহার খুব ...编程 发布于2024-11-06 -
SAML、OAuth 与 OpenID Connect这篇文章最初发布在我的博客上。使用以下链接查看原始来源： SAML、OAuth 与 OpenID Connect ...编程 发布于2024-11-06
-
在空数据集上使用 MySQL 的 SUM 函数时如何返回“0”而不是 NULL？当不存在任何值时如何从 MySQL 的 SUM 函数中检索“0”MySQL 中的 SUM 函数提供了一种方便的方法来聚合数值价值观。但是，当查询期间没有找到匹配的行时，SUM 函数通常返回 NULL 值。对于某些用例，可能更希望返回“0”而不是 NULL。利用 COALESCE 解决问题此问题的解决...编程 发布于2024-11-06
-
为什么 PHP 中的函数调用不能使用属性默认值？无法在 PHP 属性默认值中调用函数[问题]尽管有编程经验，但新手PHP 中的属性默认错误令我困惑。代码：class Foo { public $path = array( realpath(".") ); }产生语法错误。但是，以下内容可以无缝运...编程 发布于2024-11-06
-
弃用 `ereg_replace` 后，如何将多个空格替换为单个空格？用单个空格替换多个空格：弃用 ereg_replace虽然使用 ereg_replace 用单个空格替换多个空格可能看起来很简单，但它已被弃用。因此，您在尝试使用它时可能会遇到错误。本文提出了一种替代解决方案。迁移到 preg_replace()要替换 ereg_replace，请切换到 preg_...编程 发布于2024-11-06
-
如何将 8 个字符作为打包单精度浮点数加载到 __m256 变量中？将 8 个字符从内存加载到 __m256 变量中作为打包单精度浮点数为了优化高斯模糊算法，您寻求用 __m256 内在变量替换浮点缓冲区的使用。本问题旨在确定此任务的最佳指令。AVX2 架构说明：利用 PMOVZX 将字符零扩展为 32 位256b 寄存器中的整数。使用 VCVTDQ2PS 就地转换...编程 发布于2024-11-06
-
如何在Python中查找字符串中子字符串的第n次出现？查找字符串中某个子字符串第 n 次出现识别某个子字符串第 n 次出现对应的索引为各种编程场景中经常出现的任务。在Python中，没有专门为此目的而设计的内置函数。但是，可以采用多种方法来实现此结果。一种简单的方法是使用循环来迭代字符串并计算子字符串的出现次数。起始索引被初始化为第一次出现的结果，循环...编程 发布于2024-11-06
-
Go Context — TODO() 与 Background() 不再令人困惑！在 Go 中，上下文包有助于管理请求范围的值、取消信号和截止日期。 启动上下文的两种常见方法是 context.TODO() 和 context.Background()。 尽管它们的行为相似，但它们的目的不同。 上下文.背景() 当您不需要任何特殊处理（例如取消或截止日期）...编程 发布于2024-11-06
-
如何检测 CMake 中的 C++11 编译器支持？CMake 中 C 11 编译器支持的检测概述在本指南中，我们探索自动检测编译器是否支持 C 11 的方法CMake，提供对最新和以前 CMake 版本的全面分析。CMake 3.1.0 及更高版本CMake 3.1.0 版本引入了一个强大的功能：检测编译器。这是通过 cmake_minimum_r...编程 发布于2024-11-06
-
基于属性的测试：深入探讨现代测试方法基于属性的测试是一种强大的测试方法，它侧重于软件的属性或特征，而不是特定的输入输出情况。与手动定义特定测试用例的传统测试不同，基于属性的测试会自动生成各种输入来验证某些属性是否始终成立。这种方法可以更广泛地探索潜在场景，使其成为发现隐藏错误并确保稳健的软件行为的有效方法。 测试方法的演变 从传统的...编程 发布于2024-11-06
-
为开发人员和安全团队提供主动的 AppSec 持续漏洞管理现代软件开发环境中哪些日益增长的网络安全风险让 CISO 忙碌？ 开发人员和安全团队面临着越来越多的威胁，从复杂的开源和供应商控制的供应链攻击到 AI 生成的代码引入的漏洞，例如提示注入和 GitHub Copilot 的代码安全性差。现代应用程序通常严重依赖开源组件（例如在 npm、PyPI 或 ...编程 发布于2024-11-06
-
如何使用 React 对 MeteorJS 中的 Bootstrap Spacing 实用程序类进行故障排除？在 Bootstrap 中使用间距实用程序类在 Bootstrap 中，间距实用程序类允许您轻松控制元素周围的间距。但是，如果您在使用它们时遇到问题，这里有一个指南可以帮助您解决。更新的间距语法（Bootstrap 4 和 5）Bootstrap 4 引入了间距实用程序类的简化语法：边距：m{sid...编程 发布于2024-11-06
学习中文
- 1 走路用中文怎么说？走路中文发音，走路中文学习
- 2 坐飞机用中文怎么说？坐飞机中文发音，坐飞机中文学习
- 3 坐火车用中文怎么说？坐火车中文发音，坐火车中文学习
- 4 坐车用中文怎么说？坐车中文发音，坐车中文学习
- 5 开车用中文怎么说？开车中文发音，开车中文学习
- 6 游泳用中文怎么说？游泳中文发音，游泳中文学习
- 7 骑自行车用中文怎么说？骑自行车中文发音，骑自行车中文学习
- 8 你好用中文怎么说？你好中文发音，你好中文学习
- 9 谢谢用中文怎么说？谢谢中文发音，谢谢中文学习
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
