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

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!

<<:  Einführung in die Installation des Vim-Plugins unter Linux

>>:  Detaillierte Untersuchung der MySQL-Mehrversions-Parallelitätskontrolle MVCC

Artikel empfehlen

Referenz zur Webseitenerstellung im IE6 - Standardstil im IE6

Dies ist eigentlich kein offizielles Dokument des ...

Grundsätze und Nutzungsdetails für MySQL 8.0-Benutzer- und Rollenverwaltung

Dieser Artikel beschreibt die Benutzer- und Rolle...

So stellen Sie nginx mit Docker bereit und ändern die Konfigurationsdatei

Nginx mit Docker bereitstellen, so einfach ist da...

vue verwendet Ele.me UI, um die Filterfunktion von Teambition zu imitieren

Inhaltsverzeichnis Problembeschreibung Die allgem...

So handhaben Sie Bilder in Vue-Formularen

Frage: Ich habe in Vue ein Formular zum Hochladen...

Detaillierter Prozess zum Konfigurieren eines HTTPS-Zertifikats unter Nginx

1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...

CentOS 7.x Docker verwendet die Overlay2-Speichermethode

Bearbeiten Sie /etc/docker/daemon.json und fügen ...

Erläuterung der objektorientierten Klassenvererbung in JavaScript

1. Objektorientierte Klassenvererbung In den obig...

Docker erstellt CMS-On-Demand-System mit Player-Funktion

Inhaltsverzeichnis Text 1. Maschine vorbereiten 2...

Interpretation von 17 Werbewirksamkeitsmaßen

1. 85 % der Anzeigen werden nicht gelesen <br ...

Proxy realisiert das Prinzip der bidirektionalen Bindung von Vue3-Daten

Inhaltsverzeichnis 1. Vorteile von Proxy gegenübe...

Zabbix benutzerdefinierte Überwachung Nginx Status Implementierungsprozess

Inhaltsverzeichnis Zabbix benutzerdefinierte Über...

Detaillierte Erklärung der Funktionsweise von Nginx

So funktioniert Nginx Nginx besteht aus einem Ker...