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.

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Target Image