Link-Unterstrich Farbe verändern

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    [COLOR=#333333]Ich habe nichts gefunden, wo ich NUR die Farbe des Unterstrichs vom Link verändern kann, unabhängig vom Text.

    Ich habe hier die Formatierung meines Themes reingestellt:
    [/COLOR]Wie mir aufgefallen ist die "text-decoration: none" ausgeschaltet, mit welchem Befehl kann ich sie aktivieren?

    [COLOR=#333333]a {[/COLOR]
    [COLOR=#333333]color: #94AE99;[/COLOR]
    [COLOR=#333333]text-decoration: none;[/COLOR]
    [COLOR=#333333]-webkit-transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]-moz-transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]-o-transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]}[/COLOR]


    [COLOR=#333333]a:visited {[/COLOR]
    [COLOR=#333333]color: #94AE99;[/COLOR]
    [COLOR=#333333]}[/COLOR]


    [COLOR=#333333]a:hover,[/COLOR]
    [COLOR=#333333]a:focus,[/COLOR]
    [COLOR=#333333]a:active {[/COLOR]
    [COLOR=#333333]color: #94AE99;[/COLOR]
    [COLOR=#333333]text-decoration: none;[/COLOR]
    [COLOR=#333333]-webkit-transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]-moz-transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]-o-transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]transition: all 0.2s ease-in-out;[/COLOR]
    [COLOR=#333333]}[/COLOR]

    Einmal editiert, zuletzt von Drag and Drop (20. Dezember 2016 um 22:00)

    Danke für die guten Linkadressen, aber die können das Problem nicht lösen. Ich habe nun folgenden Befehl, der mir sinnvoll erscheint:

    a,a:link,a:visited,a:hover {
    text-decoration: underline !important;
    color: #ffff33;
    text-decoration-color: #99ff00;
    }

    Das Problem ist, dass der Unterstrich immer die selbe Farbe wie der Text annimmt. Wie kann ich das Problem lösen?
    Ist es nicht so, dass die Textfarbe "color: #ffff33;" und die Unterstrichfarbe "text-decoration-color: #99ff00;" ist?

    Das mit den border-bottom funktioniert so nicht, auch nicht wenn ich die Punkte .... ausschalte

    Hier ist der Link

    Bei meiner aktuellen Seite gehen der hover..., dies ist nur eine Probeseite, also bitte nur wegen Unterstrich schauen.

    Danke für die Hilfe

    Einmal editiert, zuletzt von Drag and Drop (21. Dezember 2016 um 12:03)

    Ist doch unter meinem Link nachzulesen, wie das geht!:?

    Code
    a, a:link, a:visited, a:hover {
    color: #000;
    border-bottom: 1px dotted #ca17aa;
}

    Statt dotted nutze solid für durchgehende Linie.

    Edit: Die Frage ist, wie das aussieht, wenn alle Links so aussehen. Wahrscheinlich nicht so toll.

    Dateien vor Änderung sichern! Child-Theme oder Custom-CSS für Änderungen nutzen!

    Einmal editiert, zuletzt von son10 (21. Dezember 2016 um 12:35)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden