Css til dropdownmenu <select>

Tror desvärre ikke det kan lade sig göre, har kikket lidt på spörgsmål som ligner dit, her på eksperten men kan ikke finde noget svar.
//Michael

http://www.eksperten.dk/spm/268589

Prøv at læs hvad Oscar_San skriver...

//>Rune

Hejsa.
Jo, de er alligevel nogle attributter og/eller styles som man kan justere en dropdown-box med. Men så kan man altså heller ikke presse flere justeringer ud af en dropdown-box, end dem jeg har vist her.
Se selv her:
**************************************************************************
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>test</title>
<style type="text/css">
select.menu {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:  10pt;
  font-style:  normal;
  width: 100pt; }
option.farve_1 {
  color:#99FF00;
  background-color:#333333; }
option.farve_2 {
  color:#FF0000;
  background-color:#666666; }
option.farve_3 {
  color:#ffffff;
  background-color:#999999; }
</style>
</head>

<body>
<p class="farve_1">
  <select class="Menu">
    <option class="farve_default"                >Web-teknologi:</option>
    <option value="html" class="farve_1"        >html</option>
    <option value="dhtml" class="farve_1"        >dhtml</option>
    <option value="xhtml" class="farve_1"        >xhtml</option>
    <option value="javascript" class="farve_2">javascript</option>
    <option value="css" class="farve_2"        >css</option>
    <option value="design" class="farve_2"    >design</option>
    <option value="ASP" class="farve_3"        >ASP</option>
    <option value="SQL" class="farve_3"        >SQL</option>
    <option value="MySQL" class="farve_3"        >MySQL</option>
    <option value="Access" class="farve_3"    >Access</option>
  </select>
</p>
</body>
</html>
**************************************************************************

>>brokkehoved

Nu havde du jo smidt det som en XHTML 1.0 doctype, så jeg måtte jo lige checke atder ikke var nogen fejl, hvis jeg kaldte det html 4 ...

Den eneste forskel, som kom ud af det var, at et <p>-tag er block-level, så da jeg fjernede de eksplicitte henvisninger til options i style-sheetet blev resten af linjen også med sort baggrund ...

-- og vi kan kunkludere at selecten ikke bliver anderledes, men options kan vi modificere !o]

Vi kan godt lege lidt.
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Untitled - XHTML 1.0</title>
  <style type="text/css">
    /* STYLESHEET */
    .s_set {
    border: 1px solid black;
    background-color: transparent;
    font: 12px sans-serif, Ariel;
    width: 40px;
    }
    .sel_outer {
    width:200px;
    height: 20px;
    border: 1px solid black;
    margin: 2px;
    }
    .sel_inner {
    position:absolute;
    width:200px;
    height: 20px;
    font: 12px sans-serif, Ariel;
    clip: rect(2px 198px 18px 2px);
    }
  </style>
</head>
<body>
<form action="#" onsubmit="runonce(this); return false;">
<label> Servings: </label>
<input class="s_set" type="text" value="0" /> <br />

<div class="sel_outer"><select class="sel_inner" id="dinner">
      <option value="noselect">--Select a dinner--</option>
      <optgroup id="entre" label="Entrés">
          <option value="a_a_v">Artischokes áu vin</option>
      </optgroup>
      <optgroup id="light" label="Light Meals">
          <option value="omelete">Eggwhite Omelet w. Choves</option>
      </optgroup>
      <optgroup id="main" label="Main Courses">
          <option value="f_m">Filet Mignon</option>
        </optgroup>
      <optgroup id="dessert" label="Desserts">
          <option value="souf">Soufflé w. white chocolate</option>
      </optgroup>
</select></div>
<input type="submit" value="Order" />
</form></body></html>

Men hvor skide smart det i grunden er skal jeg lade være usagt.

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

nu hvor roenvig er ude med riven :D

Ok så det kan man altså ikke. Det er da godt nok en stener, da sådan en grå standart knap, ikke er særlig pæn.

Men jeg fik jo svar (at man ikke kan) så i får points.

Ude.....

Tak for point. Håber at du kunne bruge ihvertfald noget af det.  :-)
Alternativet er at lave en dropdown-box i Flash... Men det kræver, at brugerne har accepteret at installere Flash i deres browsere. Og det er bestemt ikke noget man kan gå ud fra som sikkert.
Så du er nok tilbage til den ovenstående model, som jeg har lagt til dig. Så er du ihvertfald sikret, at ALLE brugere kan navigere rundt på dit website.