CSS - Mit ::selection markierten Text hervorheben

DEMO: Funktioniert im Mozilla-Firefox, Microsoft Edge und Google Chrome-Browser,.


<style>

/* Mit ::selection markierten Text hervorheben */

::selection {
 
background#C8FF91;
 
color#499300;
}
</
style>

Text in einem Textarea hervorheben


<style>

.
beispiel-textarea::selection {
  
background#34495E;
  
colorWhite;
}
</
style>

<
textarea class="beispiel-textarea" cols="30" rows="10">Viel Text!</textarea>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<dialog> Dialog Element

CSS - Link farbig unterstreichen

PHP - Filtern von ganzen Zahlen

JavaScript - Letzte Änderung an einem Dokument ausgeben

MySQL - Text automatisch nach Zeichenanzahl kürzen

Schlagwörter einfügen
Wenn Sie zum Beispiel eine Homepage über Pferde haben, verwenden Sie in Ihren Texten viele Schlagwörter, die mit dem Thema der Seite zu tun haben. Überlegen Sie nach welchen Suchbegriffen der Besucher mit der Suchmaschine sucht. (Namen von Pferderassen, Pferdebilder, Galopp, Springreiten, ...).
Dabei wird nach einfachen Schlagwörtern häufiger gesucht als nach speziellen Schlagwörtern.