The gorgeous transformation of the Select box

Various components in the HTML Form, such as text input boxes, textarea, and buttons, can be beautified through CSS or other technologies to make them look pretty, the drop-down list option box (select box) is always out of place no matter how you do it.

However, this situation may be gone forever. if you guess that HTML5 technology is used, it is wrong. In China, Internet Explorer 6 still accounts for the majority of users, this old browser does not know HTML5.

I currently recommend a JavaScript plug-in, which has JQuery and Prototype versions and supports all types of browsers. After using it, the select selection box on your page will become pretty, which will surprise you. The following is the comparison before and after use.

Radio mode:

Multiple choice mode:

For more results, visit the Chosen demo page for Chinese translation on the official homepage of this plug-in.

The specific usage is very simple. You only need to add the class = "chzn-select" attribute in select, and then call jquery: $ (". chzn-select "). chosen (), everything is done.

Original article: http://www.aqee.net/chosen-select/