fonte i en drop down menu

Det kan klares med style:
<option style="font-size: 10pt; font-face: verdana; color: #000000;">

Nix, for den slags attributter vælges for hele select-boksen, så du må over i en 'kunstig' select (altså en række divs, som positioneres relativt i en anden, der vises og skjules, samt onclick-events på dem tol at udføre din handling !-)

PS. Det eneste du kan på option-styles er farve-ændringer !o]

storgaarden har prøvet se hvad roenving skriver.

roenving jeg forstår ikke helt hvad du menner jeg skal gøre.
kan jeg heller ikke lave en forskellig class på hver option

-- du kan sagtens have en forskellige class for hver option, det er bare kun farve-ændringer, der er gyldige for options !-)

-- men en 'kunstig' select kan f.eks. se sådan ud:

<div style="width:150px;overflow:hidden;">
  <div style="font-family:verdana,arial,sans-serif;cursor:pointer;" onclick="showHideSelect(this);">Vælg font</div>
  <div id="selectDiv" style="display:none;cursor:pointer;">
    <div style="font-family:arial;" onclick="setShow(this);">Arial</div>
    <div style="font-family:'arial black';" onclick="setShow(this);">Arial Black</div>
    <div style="font-family:'arial narrow';" onclick="setShow(this);">Arial Narrow</div>
    <div style="font-family:Verdana;" onclick="setShow(this);">Verdana</div>
    <div style="font-family:tahoma;" onclick="setShow(this);">Tahoma</div>
    <div style="font-family:haettenschweiler;" onclick="setShow(this);">Haettenschweiler</div>
    <div style="font-family:'courier new';" onclick="setShow(this);">Courier New</div>
  </div>
</div>

<script type="text/javascript">
function showHideSelect(elm){
  var selStyle = elm.parentNode.getElementsByTagName("div")[1].style;
  selStyle.display = selStyle.display != "block" ? "block" : "none";
}
function setShow(elm){
  var showDiv = elm.parentNode.parentNode.getElementsByTagName("div")[0];
  showDiv.style.fontFamily = elm.style.fontFamily;
  showDiv.style.fontSize = elm.style.fontSize;//hvis du skal bruge flere forskellige selects
  showDiv.firstChild.nodeValue = elm.firstChild.nodeValue;
  showHideSelect(elm.parentNode);
}
</script>

-- jeg har lavet den, så du faktisk kan lave flere ved siden af hinanden, vist er, at du også kan vælge størrelse, men også f.eks. farve osv. kan sættes i !-)

-- jeg ville ikke selv gide at lave en visning, der afspejler valg i flere selects !-)

Hrm, inspireret af et andet spørgsmål udvidede jeg den lige:

<div style="width:150px;overflow:hidden;">
  <div style="font-family:verdana,arial,sans-serif;cursor:pointer;" onclick="showHideSelect(this);">Vælg font</div>
  <div id="selectDiv" style="display:none;cursor:pointer;">
    <div style="font-family:arial;" onclick="setShow(this);">Arial</div>
    <div style="font-family:'arial black';" onclick="setShow(this);">Arial Black</div>
    <div style="font-family:'arial narrow';" onclick="setShow(this);">Arial Narrow</div>
    <div style="font-family:Verdana;" onclick="setShow(this);">Verdana</div>
    <div style="font-family:tahoma;" onclick="setShow(this);">Tahoma</div>
    <div style="font-family:haettenschweiler;" onclick="setShow(this);">Haettenschweiler</div>
    <div style="font-family:'courier new';" onclick="setShow(this);">Courier New</div>
  </div>
</div>

<script type="text/javascript">
function showHideSelect(elm){
  var selStyle = elm.parentNode.getElementsByTagName("div")[1].style;
  selStyle.display = selStyle.display != "block" ? "block" : "none";
}
function setShow(elm){
  var parDiv = elm.parentNode;
  var sibs = parDiv.getElementsByTagName("div");
  for(i=0,im=sibs.length;im>i;i++){
    sibs[i].style.backgroundColor = "#fff";
    sibs[i].style.color = "#000";
  }
  elm.style.backgroundColor = "#00f";
  elm.style.color = "#fff";
  var showDiv = parDiv.parentNode.getElementsByTagName("div")[0];
  showDiv.style.fontFamily = elm.style.fontFamily;
  showDiv.style.fontSize = elm.style.fontSize;//hvis du skal bruge flere forskellige selects
  showDiv.firstChild.nodeValue = elm.firstChild.nodeValue;
  showHideSelect(elm.parentNode);
}
</script>

-- så den valgte også vises, hvis man åbner den igen / fortryder !-)

tak

Tak for hjælpen ,-(