Beste Sd-ers,

Ik ben bezig met de opmaak van een selectbox, maar ik kom er niet uit. Want ik wil graag dat het pijltje, wat je gewoonlijk bij een

<select name="">
<option value=""></option>
</select>

hebt, weg hebben. Dit omdat ik in de background-image al het pijltje heb verwerkt.

Om het iets te verduidelijken; Zo wil ik het hebben:


En zo ziet het er momenteel uit:


Ik wil dus dat het pijltje net als op het ontwerp oranje is, en er ook zo uitziet. Misschien is het een optie om te zorgen dat het pijltje, wat je momenteel ziet, weg te halen. Ik heb er echter op gegoogled, maar kwam nergens op uit..

Iemand hier een idee??

Dit is huidige opmaak van het <select>:

PHP Code:

.zoekveld_select                         {float: left; width: 221px; height: 32px; background-image: url('../img/zoekveldselect.jpg'); background-position: center top;
                                          background-repeat: no-repeat; color: #7ea547; font-size: 15px; border: 0px; background-color: #2f2f2f;
                                          margin-left: 10px; line-height: 30px; padding: 5px; padding-top: 7px;} 


Stefan

De <select> is niet normaal te stylen. Wel kun je het met javascript vervangen door een <span> en die gaan stylen. Hoop werk als je daar geen standaard script voor hebt.

http://ryanfait.com/resources/custom...radio-buttons/
Hier staat er 1, maar die vind ik niet echt netjes.

@Rene: Bedankt voor de tip, ben er even mee bezig geweest, maar het werkt inderdaad niet erg lekker. Ik ga er nog even verder op googlen.

Andere nog tips?

Hmm, was een gemakkelijk manier voor met CSS en JS, zal even over denken ;)
Als je niets hoort, i'm sorry!

http://www.onlinetools.org/tests/enhancedropdown.html

Wellicht zit hier ook nog inspiratie bij;

http://www.noupe.com/ajax/47-excelle...css-forms.html

Leuke verzameling AJAX + CSS form's met 'niet standaard' opmaak.

Link doet het niet bij mij?