Nur der unteren border in einem Eingabefeld sichtbar lassen

[Artur]

Hallo Forum!

Ich brauche einen Eingabefeld in welchem nur der unterer border sichtbar ist.

Ich habe es mit folgenden code versucht:

------
input.i1
{
  width:40px;
  height:18px;
  background-color:transparent;
  border-right-width:0px;
  border-left-width:0px;
  border-top-width:0px;
  border-bottom-width:1px;
  border-color:#000000;'
}

<input class='i1' type='text' readonly>
----

doch es geht nicht - der Browser will den wert '0px' nicht akzeptieren. Wie kann ich mein Ziel trozdem erreichen? Kann mir Jemand helfen? Danke!

[Orlando]

Hi Artur,

Ich brauche einen Eingabefeld in welchem nur der unterer border sichtbar ist.

was man so alles brauchen kann... ;)

border-right-width:0px;
  border-left-width:0px;
  border-top-width:0px;
  border-bottom-width:1px;
  border-color:#000000;'

=  border:0 0 1px 0 solid #000;

doch es geht nicht - der Browser will den wert '0px' nicht akzeptieren.

Welcher Browser? Vielleicht muckt er, weil border-style fehlt, keine Ahnung. Speziell bei Formularelementen ist die Darstellung nur selten gleich.

LG Roland

[Artur]

Danke Roland!

Ich habe die Lösung gefunden - war ein tippfehler im code. :)

Gruss

Artur

[kozi]

Mit welchen Browsern hast du das Problem! im IE6 z.B. sollte es so funktionieren!

mfg kozi