2016-05-06 82 views
2

https://jsfiddle.net/2gf6gq0s/查找「內容」 CSS屬性產生

我用::after僞元素在我的文檔中插入文本的文本:

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

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

但是,如果我按Ctrl + F查找文本,我無法找到一個詞「你好」或單詞「johnny」。很顯然,用「測試」這個詞是可以的。

如何解決?

+1

你不能。這是瀏覽器的行爲。提交錯誤報告(或功能請求)。 – GolezTrol

+0

作爲一種解決方法,您可以在加載內容之前和之後運行一些JavaScript,並將這些內容以隱藏跨度複製到元素中。這將使用戶能夠找到文本;但實際上卻不會突出顯示文本。 –

+0

順便說一句,我認爲[這](http://stackoverflow.com/q/19646061/1016716)是一個更好的候選人原來的問題比它現在被關閉作爲副本。它實際上提供了部分解決方案! –

回答

0

這是不可能的(除非瀏覽器本身具有此功能),因爲僞元素不在DOM中。所以即使使用js/jQuery你也不能選擇它們