查找“内容” CSS属性产生

我用::after伪元素在我的文档中插入文本的文本：

<div class="foo"></div> 
<div>test</div> 

<style> 
.foo::after { content: "hello johnny"; } 
</style>

但是，如果我按Ctrl + F查找文本，我无法找到一个词“你好”或单词“johnny”。很显然，用“测试”这个词是可以的。

如何解决？

2016-05-06 john c. j.

你不能。这是浏览器的行为。提交错误报告（或功能请求）。 – GolezTrol

作为一种解决方法，您可以在加载内容之前和之后运行一些JavaScript，并将这些内容以隐藏跨度复制到元素中。这将使用户能够找到文本;但实际上却不会突出显示文本。 –

顺便说一句，我认为[这]（http://stackoverflow.com/q/19646061/1016716）是一个更好的候选人原来的问题比它现在被关闭作为副本。它实际上提供了部分解决方案！ –

这是不可能的（除非浏览器本身具有此功能），因为伪元素不在DOM中。所以即使使用js/jQuery你也不能选择它们

2016-05-06 09:29:32 Justinas

回答