Moderní webový design nabízí stále více možností v oblasti stylizace odkazů. Někdy je však nutné odstranit barvu z odkazu, aby vypadala neutrálněji nebo byla integrována do celkového designu stránky. V tomto článku se podíváme na několik jednoduchých způsobů, jak toho dosáhnout, a také poskytneme některá doporučení pro jejich použití.
Prvním a nejjednodušším způsobem, jak odstranit barvu z odkazu, je použít vlastnost CSS color a nastavit hodnotu transparent. Například:
Je však třeba mít na paměti, že tato vlastnost bude platit pro všechny stavy odkazu: navádění, kliknutí a navštívené. Pokud je nutné změnit barvu pouze v určitém stavu, měli byste použít pseudoklasy.
Dalším způsobem je použití vlastnosti CSS text-decoration a nastavit hodnotu none. Například:
Tímto způsobem odstraníte podtržítko, které se obvykle zobrazuje u odkazů. Barva textu však zůstane stejná. Pokud chcete odstranit barvu, nikoli podtržítko, měli byste obě tyto vlastnosti použít společně.
Způsoby, jak odstranit barvu odkazu
Pokud potřebujete odstranit barvu odkazu, máte několik způsobů, jak toho dosáhnout. Některé mohou vyžadovat změny v CSS, zatímco jiné mohou být provedeny přímo v HTML značení.
- Použití CSS-vlastnosti color . Výchozí barvu můžete nastavit na jinou než referenční barvu, jako je color: black; . To umožní zobrazit text odkazu bez změny jeho barvy.
- Použití vestavěných stylů. Styl můžete použít přímo na prvek odkazu a změnit jeho barvu. Odkaz například umožní změnit barvu pouze pro tento odkaz.
- Použití atributu style ve stylovém bloku. Styl můžete také nastavit pomocí atributu style uvnitř stylového bloku. Například:
Tímto způsobem se všechny odkazy na stránce zobrazí v černé barvě.
- Použití tříd. Pokud chcete použít konkrétní styl odkazu pouze na určité prvky, můžete použít třídy. Chcete-li to provést, nejprve definujte třídu ve stylovém bloku a poté ji aplikujte na prvek odkazu. Například:
V tomto případě se zobrazí pouze odkaz s třídou no-color bez barvy.
Použití CSS stylů
Pro odstranění barvy u odkazu můžete použít styly CSS. Existuje několik způsobů, které vám umožní sledovat vzhled odkazů na vašem webu.
Prvním způsobem je použití vlastnosti color. Barvu odkazu můžete nastavit ručně uvedením jasně. Chcete-li odstranit barvu, uveďte hodnotu none. Například:
Druhým způsobem je použití vlastnosti text-decoration. Umožňuje spravovat styl omalovánky podtržení odkazů. Pomocí hodnoty none, můžete odstranit podtržítko:
Třetím způsobem je použití kombinovaných vlastností. Například:
Pokud chcete styly použít pouze na konkrétní odkazy, můžete použít selektory tříd nebo identifikátorů. Například:
.my-link
#link
Jeden z těchto způsobů, v závislosti na úkolu a struktuře webu, by vám měl pomoci odstranit barvu z odkazů a dodat jim požadovaný vzhled.
Změna nastavení prohlížeče
Pokud se vám nechce měnit kód vašeho webu nebo k němu nemáte přístup, můžete barvu odkazů deaktivovat pomocí nastavení prohlížeče. Každý prohlížeč má své vlastní nastavení, takže níže najdete pokyny pro nejoblíbenější prohlížeče.
Google Chrome:
- Otevřete prohlížeč Google Chrome
- Klikněte na ikonu nabídky v pravém horním rohu okna prohlížeče (tři tečky)
- Vyberte"Nastavení"
- Přejděte dolů na stránku a klikněte na "pokročilé"
- Vyhledejte sekci Vzhled a klikněte na tlačítko barvy
- Zrušte zaškrtnutí políčka vedle "výchozí barvy"
- Níže v části objekty vyhledejte možnost odkazy a vyberte požadovanou barvu
- Kliknutím na "Hotovo" uložíte změny
Mozilla Firefox:
- Otevřete prohlížeč Mozilla Firefox
- Klikněte na ikonu nabídky v pravém horním rohu okna prohlížeče (tři vodorovné čáry)
- Vyberte"Nastavení"
- Přejděte dolů na stránku a vyhledejte sekci písma a barvy
- Klikněte na tlačítko " barvy. "vedle" barvy odkazů"
- Vyberte požadovanou barvu a klikněte na "OK"
- Kliknutím na " OK " uložíte změny
Microsoft Edge:
- Otevřete prohlížeč Microsoft Edge
- Klikněte na ikonu nabídky v pravém horním rohu okna prohlížeče (tři tečky)
- Vyberte"Nastavení"
- Přejděte dolů na stránku a vyberte "pokročilá nastavení"
- Vyhledejte sekci Vzhled a klikněte na tlačítko barvy
- Zrušte zaškrtnutí políčka vedle "použít barvy Windows"
- Vyberte požadovanou barvu a kliknutím na "Dokončit" uložte změny
Podle těchto pokynů budete moci deaktivovat barvu odkazů na úrovni prohlížeče, což vám umožní vidět je v požadované grafické podobě, aniž byste změnili kód vašeho webu.