Add new comment

Vor kurzem hatte ich die Aufgabe, einen Button wie einen Textlink zu formatieren.

Problem:

Also Hintergrund mit einem CSS < background:none; > ausschalten, dann auch den Border deaktivieren < border:none; > und ein < text-decoration: underline; > hinzugefügt. Der
Internetexplorer zeigt den Link wie erwartet unterstrichen an. Der Firefox hingegen weigert sich hartnäckig, den Link zu unterstreichen.

Lösung:

Nach längerem Herumprobieren befragte ich Dr. Google und fand folgende Lösung:

Für Firefox muss eines der folgenden attribute hinzugefügt werden, dann wird der Text unterstrichen dargestellt:

position: absolute,
display: block,
display: inline-block,
float: left,
float: right

Also:

.buttonklasse {
background: none;
border: none;
text-decoration: underline;
display: inline-block;
}

Dann funktionierts in IE und FF.