So ändern Sie die Farbe der gesamten Zeile (tr), wenn die Maus in HTML stoppt

Verwenden Sie reines CSS, um die Hintergrundfarbe einer Zeile zu ändern, wenn die Maus darüber bewegt wird, um anzuzeigen, dass die Zeile im Fokus ist:

<html>
<Kopf>
<meta charset="utf-8"/>
<title>ändern</title>
<style type="text/css">
  tr.ändern:hover
  {
    Hintergrundfarbe: #00FF00
  }
</Stil>
</Kopf>
<Text>
<h1>Farbe ändern, wenn die Maus angehalten wird</h1>
<Tabelle Breite="80%" Rahmen="1" Ausrichtung="Mitte">
  <tr class="ändern">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr class="ändern">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</Tabelle>
</body>
</html>

Oben habe ich Ihnen gezeigt, wie Sie die Farbe der gesamten Zeile (tr) ändern können, wenn die Maus in HTML anhält. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

Tutorial zu XHTML-Webseiten

Artikel

So ändern Sie die Farbe der gesamten Zeile (tr), wenn die Maus in HTML stoppt

Erstellen eines statischen Jenkins Docker-Agentknotens

Detaillierte Erklärung der Eigenschaften und Funktionen von Vuex

Detaillierte Erklärung, wie man ein Passwort an den SSH/SCP-Befehl im Bash-Skript übergibt

Detaillierter Prozess zum Erstellen von mysql5.7.29 unter Centos7 von Linux

Tutorial zu XHTML-Webseiten

Diagramm des Installations- und Verwendungstutorials für MySQL 8.0.17

Einführung in die Verwendung von MySQL-Befehlen zum Erstellen, Löschen und Abfragen von Indizes

Detaillierte Erklärung des JS-Browser-Ereignismodells

Zusammenfassung gängiger Fehler beim Entwurf von MySQL-Tabellen

So implementieren Sie Property Hijacking mit JavaScript defineProperty

Artikel empfehlen

UL-Listen-Tag-Design für Webseiten mit mehrspaltigem Layout

Linux CentOS 6.5: Anleitung zum Deinstallieren, Tarieren und Installieren von MySQL

So stellen Sie ein Vue-Projekt unter Nginx bereit

Detaillierte Erläuterung zur Verwendung von Docker zum schnellen Bereitstellen der ELK-Umgebung (neueste Version 5.5.1)

Detaillierte Erläuterung der Einschränkungen und Beschränkungen von MySQL-partitionierten Tabellen

Implementierungsmethode für die Kapselung von Vue3-Navigationsleistenkomponenten

Einführung von ECharts in das Vue-Projekt

Beispielcode zur Implementierung mobiler Expansions- und Collapse-Effekte mit reinem CSS3

MySQL-Rekursionsproblem

Praxis der Verwendung von SuperMap in Vue

Detaillierte Erklärung der React-Ereignisbindung

Detaillierte Erläuterung der Anwendung der Docker-Basistechnologie Namespace Cgroup

Teilen Sie 5 JS-High-Order-Funktionen

Einführung in das Fokuselement document.activeELEment in JavaScript

vue+el-upload realisiert den dynamischen Upload mehrerer Dateien