text-decoration: underline - geht in Firefox nicht

06/06/2009 - 01:34 von Luky | Report spam
Hallo,

ich habe eine Button in meinem Formular:

<input id="btnUnterstrich" type="button" style="text-decoration:
underline" value=" u " />

Im IE gehts ohne Probleme, der Beschriftung des Buttons ist
unterstrichen, aber in Firefox geht es nicht. hat jemand eine Idee,
wie ich es hinkriegen könnte?


Ludwig
 

Lesen sie die antworten

#1 Gerold Mittelstädt
06/06/2009 - 12:35 | Warnen spam
Hi,

Luky schrieb:
ich habe eine Button in meinem Formular:

<input id="btnUnterstrich" type="button" style="text-decoration:
underline" value=" u " />

Im IE gehts ohne Probleme,



IE 6 und 7? ;)

der Beschriftung des Buttons ist unterstrichen, aber in Firefox
geht es nicht. hat jemand eine Idee, wie ich es hinkriegen könnte?



Die Formatierbarkeit des Inhalts von input-Elementen ist nich
garantiert. Besonders da Du hier keinen Text-Knoten, sondern das
Value-Attribut formatieren willst.
Probier das hier:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xht...">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
button>span {
text-decoration: underline;
}
</style>
</head>
<body>
<button><span>ich bin unterstrichen</span></button>
</body>
</html>

Wenn Du die Klicks jetzt durch JavaScript verarbeitest, sollte das so ok
sein.
Wenn da aber ein type="submit" dazukommt, hast Du das Problem, dass IE 6
und 7 hier Mist bauen: Der IE6 schickt sàmtliche <button>s im Formular
ab - und zwar mit ihrer Beschriftung, beim 7er ist es zwar nurnoch der
geklickte - aber auch da wird nur die Beschriftung abgeschickt.

Viele Grüße!

Ähnliche fragen