stylling af dropdownlist

jeg bruger iøvrig IE7

<ole>

En select kan du stortset ikke style på - og border'en har du under ingen omstændigheder mulighed for at røre

/mvh
</bole>

ok det tænkte jeg nok...bare undligt at man kan det i firefox.

kom med et svar så giver jeg point.

Nej, Firefox er på mange måder en besynderlig browser, så der kan ikke meget undre!  :)

Prøv f.eks. denne kode i Firefox:

<script type="text/javascript">
function foo() {
    var oCont = document.getElementById("selectContainer");
    var oSel = document.getElementById("mySelect");
    var oTbl = document.getElementById("myTable").cloneNode(true);
    var oImg = document.createElement("img");
    oImg.setAttribute("src", "http://www.eksperten.dk/img/elogo.png");
   
    oSel.appendChild(oImg);
    oSel.appendChild(oTbl);
   
    alert("Parent nodes:\n----------------------------\noImg: "+oImg.parentNode.nodeName+"\noTbl: "+oTbl.parentNode.nodeName);
    alert("oCont's innerHTML:\n----------------------------\n"+oCont.innerHTML);
    alert("SNAFU! ... Situation Normal - All Fucked Up! ;o)");
}
</script>

<p><button onclick="foo()">TEST</button></p>

<p id="selectContainer"><select id="mySelect" style="border:3px solid purple">
    <option value="-1">Vælg et punkt ...</option>
    <option value="1">Punkt 1</option>
    <option value="2">Punkt 2</option>
</select></p>

<table id="myTable" cellpadding="5" cellspacing="5" border="1">
<tbody>
<tr style="background:red;color:yellow">
    <td>blablabla</td>
    <td>bla bla bla</td>
</tr>
<tr>
    <td>bla bla bla</td>
    <td>bla bla bla</td>
</tr>
<tr>
    <td style="background:blue;colr:red">bla bla bla</td>
    <td style="background:green;colr:yellow">blablabla</td>
</tr>
</tbody>
</table>

Både IE og FF appender til select elementet, men FF viser det ved Gud også!

det var da iøvrigt et sjovt eksempel :)

Jaahhh ... det er skam vældig kreative browsere, vi har at pille i  ;o)

Tak for points  :)