Customize HTML <select> with CSS

Question

Possible duplicate:
Is it possible to set a selection field?

I am looking for a way to customize a select element in my HTML code. I wanted my choice to look like this:

I want the user to be able to see the image and two text that represents the first element of my list. Since this requires access to a smartphone (Android and Blackberry), I believe that the list will open in a component of the operating system, so I do not need to worry about removing the remaining options of my choice, right? What is the best way to do this?

Many thanks!

Answer 1

, , , CSS- <select>. , : http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

, <div>, , , javascript (jQuery, MooTools) .

Answer 2

, JavaScript. , , , , . !: -)

Answer 3

jQuery prettySelectBox, . http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/

Answer 4

- , , .

, , , , HTML, JavaScript CSS.

, :

• jquery-selectbox
• custom-combobox

, , , , , .

Answer 5

- , , - .

- javascript, , , jQuery.

: ?

Answer 6

HTML <select> , HTML. <input>, <select>, <textarea>. HTML- ( ) , - . , ( ), . , - using simple elements and JavaScript (usually jQuery). Thus, I recommend that you create it yourself, instead of trying to figure out how to do what you want (and, frankly, I think that what you are looking for is impossible, since block-level nesting elements inside tags <option>not valid if you want valid HTML).