Select-Felder verschönern

[Net-srac]

Hallo,

ich habe mich nun schon durch viele Dokus von w3.org und selfhtml gewühlt, aber nirgens gefunden, wie man mal ComboBoxen, also unter html die input-felder "select" ein bißchen verschönern kann...

Definitiv geht ja per CSS die schrift und die hintergrundfarbe zu verändern...

Aber was ist mit den anderen elementen. Wie z.B. dem Rahmen, den Button zum Aufklappen, die Markierung...

Hat jemand ideen wie ich so etwas erziehle??

Danke für die Infos.

[milkcat]

hier habe ich genau den richtigen link für dich klick mich

da ist genau das beschrieben, was du gerne haben möchtest

[Net-srac]

hmm... nicht wirklich, da ich die dort genannten beispiel schon kenne... wahrscheinlich gibts dann doch keine möglichkeit den Rahmen auszuschalten oder den "AufklappButton" anders einzufärben...:confused:

Dann werd ich halt von diesen Controls abstand nehmen müssen..

danke trotzdem

[milkcat]

*reusper*

du meinst doch den Rahmen von dem Feld, wo man nen Text eingeben kann, oder?

wenn du das meinst, dann lese mal ein wenig genauer die Beispiele, denn da ist beschrieben, wie man den Rahmen ausblenden kann oder zumindest so farblich anpassen kann, das der Rahmen nicht mehr zu sehen ist.

[milkcat]

hier ein beispiel dazu:

<style>

table {border : 1px dotted black; font-family : verdana,arial; font-size : 0.8em; font-weight : bold;text-align : right;}

input {border : 0px solid #FFFFFF; background-color : #FFFFFF;color : #FFFFFF; font-size : 1.5em; color : blue;}

</style>

[milkcat]

und hier ein beispiel dazu, wie der button einzufärben ist

<input type="submit" name="button"

style="BACKGROUND-COLOR: #ff9900;

border-bottom-color: black;

border-top-color: black"

value="Abschicken">

oder meinst du mit einen Button zum aufklappen, ein listenfeld oder auch Pulldown-Menü genannt?

[Net-srac]

hmm... immernoch nicht so deutlich...

Also ich habe eine Select-, Combo-, PullDown- oder Nennsiewieduwillstbox.

Zumindest ein Auswahlfeld... Zum Aufklappen... Da will ich den Rahmen weg haben so das dieses Teil nicht mehr so 3-dimensional auschaut. also Quasi wie wenn du einem Textfeld den Rahmen wegnimmst

Wie ich das bei Textfeldern mache ist mir klar. Nur Leider arbeitet Border=0 als CSS für Selectfelder nicht.

Und mit Button meinte ich in einer Selectbox auf der rechten Seite die Schaltfläche mit dem Dreieck nach unten. Also das wo du drauf klickst um die Aufzuklappen...

Hat denn keiner ne Idee wie ich das löse?

[milkcat]

am besten du suchst dir ein beispiel online und klaust einfach den source dort. wenn du sowas noch nie implementiert gefunden hast, gibt es vll keine loesung oder zumindest keine offensichtliche. ich koennte mir vorstellen, dass man dein problem ueber java script loesen kann (check www.javascriptsource.com) oder ueber style sheets. du kannst zb den click-zum-pulldown-button (oder wie du ihn immer nennen moechtest) vll ueber aehnliche stylesheet attribute veraendern, wie du den scrollbar der seite aendern kannst:

body

{

scrollbar-base-color:#ffffff;

scrollbar-track-color:#ffffff;

scrollbar-face-color:#ffffff;

scrollbar-3dlight-color:#ffffff;

scrollbar-highlight-color:#000000;

scrollbar-darkshadow-color:#333333;

scrollbar-shadow-color:#cccccc;

scrollbar-arrow-color:#c21e3e;

}

bitte selbst ausprobieren oder mit den hilfsmitteln mal googeln.

[milkcat]

hier haste noch nen anderen link, wie man pull-down menüs anders gestalten kann

http://www.dag-erfurt.de/webportal/