Top Responsive, Hauptmenü, Unterstreichung bei Mouseover mittels CSS ändern

Drcymbal

Hallo liebe CSS-Experten,

es dreht sich um das Layout „Top Responsive“. Für das Hauptmenü kann ich ja als Textauszeichnung bei Mouseover „unterstrichen“ wählen.

Hierzu zwei Fragen.

Gibt es eine Möglichkeit mittels CSS dem Unterstrich eine andere Farbe als die der gewählten Schriftfarbe für das Hauptmenü zuzuweisen?

Gibt es eine Möglichkeit mittels CSS die Unterstrichstärke zu vergrößern?

Herzlichen Dank und viele Grüße

Tom

Steffen T.

Hallo,

da müssen Sie etwas eigenes CSS einsetzen.

Nachfolgender Code sollte dann angepasst funktionieren (ungetestet).

Die Höhe und die Farbe können Sie dann wie gewünscht anpassen.

Code

<style>
#navigation li:hover>a:after {
    height: 1px;
    background: #fe677e;
}
</style>

Jetzt mitmachen!