3

I'm trying to style my select box, I assume I need some type of javascript method.

I'm using rails - and sticking with prototype/scriptactulous.

Does anyone know of any solutions?

EDIT:

CSS doesn't do nearly what I'm trying to accomplish:

alt text http://img16.imageshack.us/img16/1373/dropdownk.png

Rob W
  • 341,306
  • 83
  • 791
  • 678
Elliot
  • 13,580
  • 29
  • 82
  • 118
  • 2
    Style it how? Why not just use CSS? In other words, what **exactly** do you want to do? – Pointy May 16 '10 at 20:24
  • If you are trying to change the select box style when some event occurs (like click, mouseover etc), say so on your question, so we can help. – Gonçalo Queirós May 17 '10 at 01:54

2 Answers2

1

I wrote a prototype select box control today. It allows styling everything- the select input box, the button, the dropdown box(where options are shown), the scrollbar and its buttons, the options, adding images to options. The class can replace select inputs automatically just by calling the script if select controls have class="replacemeselect" or be called manually. There are a bunch of customization options and you can have multiple styles of selects on a page if you need it. Unlike IPS this class handles keyboard events and has a scrollbar. You may look at the demo: http://awsumlabs.com/selectreplace and use the library if you like it.

atanas markov
  • 11
  • 2
0

For styling select boxes you actually need js. In CSS you can style everything, but the button. The problem is that the button is os dependent and is not controlled by the browser. So maybe the man asks the right question. I'm searching for a protoype/script.aculo.us solution too. I use these frameworks and I don't want to change to mootools ot jquery. In fact I found an interesting prototype project- IPS. http://yura.thinkweb2.com/playground/in-place-select/ There are also select multiple controls(I need select for one element only now so maybe I'll stick to ips). livepipe.net/control/selectmultiple is one of them.

atanas markov
  • 11
  • 2