HTML-Bildlaufleisten-Textbereichsattributeinstellung
|
1. Überlaufinhalt-Überlaufeinstellungen (festlegen, ob das festgelegte Objekt eine Bildlaufleiste anzeigt) overflow-x-Einstellung für horizontalen Inhaltsüberlauf Overflow-Y-Einstellungen für vertikalen Inhaltsüberlauf. Die obigen drei Eigenschaften sind auf „Sichtbar“ (Standardwert), „Scrollen“, „Ausgeblendet“ und „Automatisch“ eingestellt. 2. scrollbar-3d-light-color Die Farbe der hellen Kante der dreidimensionalen Bildlaufleiste (Legen Sie die Farbe der Bildlaufleiste fest) scrollbar-arrow-colorDie Farbe des dreieckigen Pfeils auf den Auf- und Ab-Buttons scrollbar-base-color Die Grundfarbe der Scrollbar scrollbar-dark-shadow-color Die Farbe des starken Schattens der dreidimensionalen Bildlaufleiste scrollbar-face-color Die Farbe des hervorstehenden Teils der dreidimensionalen Bildlaufleiste scrollbar-highlight-color Die Farbe des leeren Teils der Bildlaufleiste scrollbar-shadow-color Die Farbe des dreidimensionalen Scrollbar-Schattens. Wir verwenden mehrere Beispiele, um die obigen Stilattribute zu erklären: 1. Stellen Sie sicher, dass das Browserfenster niemals Bildlaufleisten hat <br />Keine horizontalen Bildlaufleisten Code kopieren Der Code lautet wie folgt:<body style="overflow-x:hidden"> Keine vertikale Bildlaufleiste Code kopieren Der Code lautet wie folgt:<body style="overflow-y:hidden"> Keine Bildlaufleisten Code kopieren Der Code lautet wie folgt:<body style="overflow-x:hidden;overflow-y:hidden"> oder <body style="overflow:hidden"> 2. Stellen Sie die Bildlaufleiste des mehrzeiligen Textfelds ein Keine horizontale Bildlaufleiste Code kopieren Der Code lautet wie folgt:<textarea style="overflow-x:hidden"></textarea> Keine vertikale Bildlaufleiste Code kopieren Der Code lautet wie folgt:< Textbereich style="overflow-y:hidden"></Textbereich> Keine Bildlaufleisten Code kopieren Der Code lautet wie folgt:<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea> oder < textarea style="overflow:hidden"></textarea> 3. Legen Sie die Farbe der Fenster-Bildlaufleiste fest . <br />Legen Sie die Farbe der Fenster-Bildlaufleiste auf Rot fest. <body style="scrollbar-base-color:red"> scrollbar-base-color legt die Grundfarbe fest. Im Allgemeinen müssen Sie nur diese eine Eigenschaft festlegen, um die Farbe der Bildlaufleiste zu ändern. Fügen Sie einen kleinen Spezialeffekt hinzu: Code kopieren Der Code lautet wie folgt:<body style="scrollbar-arrow-color:gelb;scrollbar-base-color:helllachs"> 4. Definieren Sie eine Klasse in der Stylesheet-Datei und rufen Sie das Stylesheet auf Code kopieren Der Code lautet wie folgt:<Stil> .coolscrollbar{scrollbar-arrow-color:gelb;scrollbar-base-color:hellsalmon;} </Stil> Nennen Sie es so: Code kopieren Der Code lautet wie folgt:<textarea class="coolscrollbar"></textarea> Textbereichsfarb- und Rahmeneinstellungen: Code kopieren Der Code lautet wie folgt:<textarea style="border:red solid;border-width:1 1 1 1;color:#CCCCCC;"></textarea> |
<<: Sammlung von 12 praktischen Web-Online-Tools
>>: Verwenden Sie die CSS-Eigenschaft border-radius, um den Bogen festzulegen
Artikel empfehlen
Installation, Aktivierung und Konfiguration von ModSecurity unter Apache
ModSecurity ist ein leistungsstarkes Paketfiltert...
MySQL verwendet die Funktion find_in_set(), um die Sortierung in der Reihenfolge where in() zu implementieren.
Dieser Artikel stellt ein Tutorial zur Verwendung...
MySQL-Optimierung: So schreiben Sie hochwertige SQL-Anweisungen
Vorwort Im Internet gibt es zahlreiche Informatio...
MAC+PyCharm+Flask+Vue.js-Build-System
Inhaltsverzeichnis Konfigurieren Sie node.js+nvm+...
Schritte zum Kapseln der Karussellkomponente in vue3.0
Inhaltsverzeichnis 1: Kapselungsidee 2. Verpackun...
Detaillierte Erklärung des JS-Browserspeichers
Inhaltsverzeichnis Einführung Plätzchen Was sind ...
MySQL-Update-Fall Update-Feldwert ist keine feste Operation
Wenn bei der Verarbeitung von Batch-Updates besti...
React-native-Beispielcode zur Implementierung des Schiebelöscheffekts des Einkaufswagens
Grundsätzlich verfügen alle E-Commerce-Projekte ü...
So vereinfachen Sie Redux mit Redux Toolkit
Inhaltsverzeichnis Probleme, die Redux Toolkit lö...
Fünf Möglichkeiten zum automatischen Seitensprung in HTML
Im vorherigen Artikel haben wir drei gängige Meth...
Beispielcode für HTML-Layout links und rechts
CSS: Code kopieren Der Code lautet wie folgt: html...
HTML-Code Textfeld Eingabe begrenzen Textfeld wird grau Textfeldeingabe begrenzen
Methode 1: Setzen Sie das schreibgeschützte Attrib...
Super ausführliches Tutorial zur Implementierung der TabBar untere Navigationsleiste in Vue
Inhaltsverzeichnis Projekteinführung: Projektverz...
Eine andere Art von „Abbrechen“-Button
Der „Abbrechen“-Button ist nicht Teil des notwend...
Lösung für die verstümmelte Anzeige von Linux SecureCRT
Sehen wir uns die Situation an, in der SecureCRT ...