dropdown: Design von Drop Down Liste aus Formular ändern

SELF-Forum

Design von Drop Down Liste aus Formular ändern

dropdown
– Informationen zu den Bewertungsregeln

Hallo

Ich habe ein kleines Problem.
Meine Tabellenhintergründe sind schwarz, gefüllt mit weissem Text.
In den Tabellen sind sogenannte Drop Down Listen, zum Auswählen verschiedener Punkte.
Jetzt ist dort der Text natürlich auch weis, wie der Hintergrund.
Deshalb kann man die Werte nicht lesen.

Die FormularFelder kann man ja ändern, da habe ich einen Hintergrund gewählt. Das habe ich mit css und .input gemacht.

Gibt es das auch für Dwop Down Listen?

Danke

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Design von Drop Down Liste aus Formular ändern

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo dropdown,

    Die FormularFelder kann man ja ändern, da habe ich einen Hintergrund gewählt. Das habe ich mit css und .input gemacht.

    Gibt es das auch für Dwop Down Listen?

    Ja!

      
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<title>Dropdown Weiß auf Schwarz mit 1px breiter Umrandung</title>  
<meta name="author" content="Gernot">  
<meta name="generator" content="Ulli Meybohms HTML EDITOR">  
<style type="text/css">  
[code lang=css]  
body, option {  
   background-color:black;  
   color:white;  
}  
  
.clipper select {  
   background-color:transparent;  
   border:none;  
   color:white;  
}  
  
.clipper {  
   border:solid 1px white;  
   float:left;  
}  
  
* html .clipper {  
   overflow:hidden;  
   height:expression(firstChild.offsetHeight - 6);  
   width:expression(firstChild.offsetWidth - 6);  
}  
  
* html .clipper select {  
   margin:-3px 0 0 -3px;  
}

    </style>
    </head>
    <body>
       <form name="myForm" action="#" method="post">
          <div class="clipper">
             <select name="mySelect">
                <option>erste Wahl</option>
                <option>zweite Wahl</option>
             </select>
          </div>
       </form>
    </body>
    </html>
    [/code]

    Was der IE 7 daraus machen wird, weiß ich allerdings nicht.

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln