Erkennen von Strg-F-Fokus in CSS
Posted: 28 Feb 2025, 02:03
Ich arbeite an einer Anwendung, die einige seiner Ergebnisse als massive HTML -Tabelle zurückgibt. Um zu verhindern, dass die Zeilen und Spalten durch Texthunderte von Zellen vergrößert werden, wird jeder Zellinhalt, der mehr als eine bestimmte Länge ist, bis zum Klicken versteckt, indem sie in dieses HTML eingewickelt werden:Show long text?
{text}
< /code>
mit entsprechenden CSS: < /p>
.hidden {
display: block;
height: 0;
width: 0;
overflow: hidden;
}
label.showlong:has(input:checked) ~ .hidden {
display: inline;
}
< /code>
Setzen Sie die Höhe und Breite auf 0 und verstecken den Überlauf, dass dieser Inhalt weiterhin mit Strg-F gefunden werden kann, während nicht tatsächlich angezeigt wird, bis der Benutzer auf das Kontrollkästchen klickt. Aber wenn der Benutzer nach einem verborgenen Text sucht, möchte ich die fragliche Zelle hervorheben, damit er genau wissen, was sie genau klicken sollten. Gibt es eine Möglichkeit, diesen anderen "Fokus" in CSS oder JavaScript zu erkennen?
{text}
< /code>
mit entsprechenden CSS: < /p>
.hidden {
display: block;
height: 0;
width: 0;
overflow: hidden;
}
label.showlong:has(input:checked) ~ .hidden {
display: inline;
}
< /code>
Setzen Sie die Höhe und Breite auf 0 und verstecken den Überlauf, dass dieser Inhalt weiterhin mit Strg-F gefunden werden kann, während nicht tatsächlich angezeigt wird, bis der Benutzer auf das Kontrollkästchen klickt. Aber wenn der Benutzer nach einem verborgenen Text sucht, möchte ich die fragliche Zelle hervorheben, damit er genau wissen, was sie genau klicken sollten. Gibt es eine Möglichkeit, diesen anderen "Fokus" in CSS oder JavaScript zu erkennen?