Modernes Webdesign bietet mehr und mehr Möglichkeiten im Bereich der Link-Styling. Manchmal ist es jedoch erforderlich, die Farbe des Links zu entfernen, damit er neutraler aussieht oder in das Gesamtdesign der Seite integriert wird. In diesem Artikel werden wir uns einige einfache Möglichkeiten ansehen, wie wir dies erreichen können, und einige Empfehlungen für ihre Verwendung geben.
Die erste und einfachste Möglichkeit, die Farbe eines Links zu entfernen, besteht darin, die CSS-Eigenschaft zu verwenden color und einen Wert festlegen transparent. Zum Beispiel:
Beachten Sie jedoch, dass diese Eigenschaft auf alle Zustände eines Links angewendet wird: Hover, Klick und besucht. Wenn Sie die Farbe nur in einem bestimmten Zustand ändern möchten, sollten Sie Pseudoklassen verwenden.
Eine andere Möglichkeit besteht darin, die CSS-Eigenschaft zu verwenden text-decoration und einen Wert festlegen none. Zum Beispiel:
Auf diese Weise entfernen Sie den Unterstrich, der normalerweise bei Links angezeigt wird. Die Textfarbe bleibt jedoch unverändert. Wenn Sie die Farbe und nicht den Unterstrich entfernen möchten, sollten Sie diese beiden Eigenschaften zusammen verwenden.
Methoden zum Entfernen der Linkfarbe
Wenn Sie die Farbe des Links entfernen müssen, haben Sie mehrere Möglichkeiten, dies zu erreichen. Einige erfordern möglicherweise Änderungen am CSS, andere können direkt im HTML-Markup durchgeführt werden.
- Verwenden der CSS-Eigenschaft color . Sie können die Standardfarbe auf einen anderen Wert als die Referenzfarbe festlegen, z. B. color: black; . Dadurch wird der Linktext angezeigt, ohne seine Farbe zu ändern.
- Verwenden von Inline-Stilen. Sie können einen Stil direkt auf ein Referenzelement anwenden, um seine Farbe zu ändern. Mit einem Link können Sie beispielsweise die Farbe nur für diesen Link ändern.
- Verwenden des style-Attributs im Stilblock. Sie können den Stil auch mit dem style-Attribut innerhalb des Stilblocks festlegen. Zum Beispiel:
Auf diese Weise werden alle Links auf der Seite in schwarzer Farbe angezeigt.
- Verwenden von Klassen. Wenn Sie einen bestimmten Referenzstil nur auf bestimmte Elemente anwenden möchten, können Sie Klassen verwenden. Definieren Sie dazu zuerst eine Klasse im Stilblock und wenden Sie sie dann auf das Referenzelement an. Zum Beispiel:
In diesem Fall wird nur der Verweis auf die no-Color-Klasse ohne Farbe angezeigt.
Verwenden von CSS-Stilen
Sie können CSS-Stile verwenden, um die Farbe des Links zu entfernen. Es gibt mehrere Möglichkeiten, wie Sie das Aussehen von Links auf Ihrer Website steuern können.
Die erste Methode ist die Verwendung der Eigenschaft color. Sie können die Farbe des Links manuell festlegen, indem Sie ihn explizit angeben. Um die Farbe zu entfernen, geben Sie einen Wert an none. Zum Beispiel:
Die zweite Methode ist die Verwendung der Eigenschaft text-decoration. Es ermöglicht Ihnen, den Farbstil der Unterstreichung von Links zu steuern. Mit Wert none. Sie können den Unterstrich entfernen:
Die dritte Methode besteht darin, kombinierte Eigenschaften zu verwenden. Zum Beispiel:
Wenn Sie Stile nur auf bestimmte Referenzen anwenden möchten, können Sie Klassen- oder ID-Selektoren verwenden. Zum Beispiel:
.my-link
#link
Eine dieser Methoden sollte Ihnen je nach Aufgabe und Struktur der Website helfen, die Farbe der Links zu entfernen und ihnen das gewünschte Aussehen zu verleihen.
Ändern der Browsereinstellungen
Wenn Sie den Code Ihrer Website nicht ändern möchten oder keinen Zugriff darauf haben, können Sie die Linkfarbe mithilfe der Einstellungen Ihres Browsers deaktivieren. Jeder Browser hat seine eigenen Einstellungen, daher finden Sie im Folgenden Anweisungen für die gängigsten Browser.
Google Chrome:
- Öffnen Sie den Google Chrome-Browser
- Klicken Sie auf das Menüsymbol in der oberen rechten Ecke des Browserfensters (drei Punkte)
- Wählen Sie "Einstellungen"
- Scrollen Sie nach unten und klicken Sie auf "Erweitert"
- Suchen Sie den Abschnitt "Aussehen" und klicken Sie auf die Schaltfläche "Farben"
- Deaktivieren Sie das Kontrollkästchen neben "Standardfarben"
- Suchen Sie unten im Bereich "Objekte" nach der Option "Referenzen" und wählen Sie die gewünschte Farbe aus
- Klicken Sie auf Fertig stellen, um die Änderungen zu speichern
Mozilla Firefox:
- Öffnen Sie den Mozilla Firefox-Browser
- Klicken Sie auf das Menüsymbol in der oberen rechten Ecke des Browserfensters (drei horizontale Linien)
- Wählen Sie "Einstellungen"
- Scrollen Sie nach unten und suchen Sie nach dem Abschnitt "Schriftarten und Farben"
- Klicken Sie auf die Schaltfläche "Farben". " neben "Linkfarben"
- Wählen Sie die gewünschte Farbe aus und klicken Sie auf "OK"
- Klicken Sie auf "OK", um die Änderungen zu speichern
Microsoft Edge:
- Öffnen Sie den Microsoft Edge-Browser
- Klicken Sie auf das Menüsymbol in der oberen rechten Ecke des Browserfensters (drei Punkte)
- Wählen Sie "Einstellungen"
- Scrollen Sie nach unten und wählen Sie "Erweiterte Einstellungen"
- Suchen Sie den Abschnitt "Aussehen" und klicken Sie auf die Schaltfläche "Farben"
- Deaktivieren Sie das Kontrollkästchen neben "Windows-Farben verwenden"
- Wählen Sie die gewünschte Farbe aus und klicken Sie auf Fertig stellen, um die Änderungen zu speichern
Durch Befolgen dieser Anweisungen können Sie die Farbe der Links auf Browserebene deaktivieren, sodass Sie sie in der gewünschten grafischen Form sehen können, ohne den Code Ihrer Website zu ändern.
