2016-05-06 10 views
2

https://jsfiddle.net/2gf6gq0s/Finden Sie einen Text von "Inhalt" CSS-Eigenschaft erzeugt

Ich benutze ::after Pseudo-Element Text in meinem Dokument einzufügen:

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

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

Allerdings, wenn ich Strg + F drücken, um einen Text zu finden Ich könnte kein Wort "Hallo" oder "Johnny" finden. Offensichtlich ist mit dem Wort "Test" alles in Ordnung.

Wie kann es behoben werden?

+1

Sie können nicht. Dies ist das Verhalten des Browsers. Einen Fehlerbericht (oder eine Funktionsanfrage) einreichen. – GolezTrol

+0

Als Workaround können Sie nach dem Laden ein wenig JavaScript ausführen, das alle Vorher- und Nachher-Inhalte erfasst und diese Inhalte in ausgeblendete Bereiche in den Elementen kopiert. Dies würde dem Benutzer ermöglichen, die Texte zu finden; es würde die gefundenen Texte jedoch nicht markieren. –

+0

Übrigens, ich denke, [this] (http://stackoverflow.com/q/19646061/1016716) ist ein viel besserer Kandidat für die ursprüngliche Frage als der, der jetzt als Duplikat geschlossen wurde. Es bietet tatsächlich eine teilweise Lösung! –

Antwort

0

Es ist nicht möglich (es sei denn, der Browser selbst verfügt über diese Funktionalität), da das Pseudoelement nicht im DOM enthalten ist. Also selbst mit js/jQuery können Sie sie nicht auswählen