Flache Darstellung einer Listbox

[El Gringo]

Hallo,

ich suche nach einer Möglichkeit in den gängigen Browseren die Rahmen um die Listboxen weg zubekommen. Mit normalen Eingabefeldern ist das ja kein Problem, aber bei Listboxen komm ich nicht weiter.
Hat jemand eine Idee?

Dank und Gruss

eg

[Severin Kacianka]

Hallo,

ich suche nach einer Möglichkeit in den gängigen Browseren die Rahmen um die Listboxen weg zubekommen. Mit normalen Eingabefeldern ist das ja kein Problem, aber bei Listboxen komm ich nicht weiter.

Was genau meinst du?

Hat jemand eine Idee?

Hilft http://dev.noctus.net/css/michi_form.htm weiter?

Gruß,
Severin

[El Gringo]

Hallo,

ich suche nach einer Möglichkeit in den gängigen Browseren die Rahmen um die Listboxen weg zubekommen. Mit normalen Eingabefeldern ist das ja kein Problem, aber bei Listboxen komm ich nicht weiter.

Was genau meinst du?

Hat jemand eine Idee?

Hilft http://dev.noctus.net/css/michi_form.htm weiter?

Gruß,
Severin

Hi,

nicht ganz, da dort ja die DropDown Box im IE auch nicht flach dargestellt werden kann. Wenn das ginge wäre es genau das was ich meine.

Danke

eg

[Gernot Back]

Hallo El Gringo,

Hilft http://dev.noctus.net/css/michi_form.htm weiter?

nicht ganz, da dort ja die DropDown Box im IE auch nicht flach dargestellt werden kann. Wenn das ginge wäre es genau das was ich meine.

Wenn man Mathias´ Select-Box mit einem DIV-Element der Klasse "clipper" umschließt und sein CSS ms-proprietär erweitert, dann lässt sich der beabsichtigte Effekt auch im IE 6 erzeilen, allerdings nur bei eingeschaltetem JS und um den Preis, dass lange Ländernamen, insbesondere bei großen Schrifteinstellungen dann dort abgeschnitten werden.

  
* html .clipper {  
   width:42%;  
   float:right;  
   clear:right;  
   overflow:hidden;  
   border:1px dotted #cdcdcd;  
 }  
  
* html select {  
   margin:-2px;  
   width:expression(parentNode.offsetWidth + 4);  
   height:expression(parentNode.offsetHeight + 4);  
}  

Gruß Gernot

[Maxx]

Hallo Gringo,

aber bei Listboxen komm ich nicht weiter.

Du meinst vermutlich den IE? Jeder funktionierende Browser setzt
<select style="border-width:0px;"> korrekt um.

Hat jemand eine Idee?

Kaputte Browser ignorieren.

Grüße,

Jochen