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

Filtered HTML

  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Erlaubte HTML-Tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Zeilenumbrüche und Absätze werden automatisch erzeugt.

Plain text

  • Keine HTML-Tags erlaubt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Zeilenumbrüche und Absätze werden automatisch erzeugt.
CAPTCHA
Diese Frage hat den Zweck zu testen, ob Sie ein menschlicher Benutzer sind und um automatisiertem Spam vorzubeugen.
Target Image