Can I render this kind of drop down using CSS?

Question

I want to buid a web page. The page contains a drop down which should look like this:

Is it possible using CSS or I would need to use a image with some javascipt?

Answer 1

Yes it's possible without Javascript as long as the dropdown is to open automatically when you move the mouse over the button. "Son of suckerfish" is a popular drop-down menu implementation with only minimal added Javascript for older browsers, I have never used it for a standalone button but it should be easy to achieve.

A click-sensitive dropdown can't, to my knowledge, be done using pure CSS.

Edit: on second reading, I'm not sure what exactly you mean. Are you talking about the hand-drawn look of the button, or the behaviour of a dropdown button?

Answer 2

You won't be able to style a select box like this. You have to make a custom one using JavaScript.

Answer 3

You would need to use a combination of CSS and javascript to create a custom select box. Unfortunately, elements aren't very stylable in most browsers.

EDIT

An example: http://lab.aspektas.com/select/select.html

Answer 4

You can make using this jquery plugin

http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

Answer 5

Take a look at these select menu's... sorry, but they do require jQuery & jQuery UI.