Text eines Buttons unterstreichen im Firefox
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.
Neuen Kommentar hinzufügen