Dark and Light Dropdown Lists

Published on
Tags
Dropdown, List, Select, Form
No. of comments
8 comments
Browser compatibility
Firefox 4, Safari 4, Chrome 14, Opera 10, IE 8
License
MIT License
Dark and Light Dropdown Lists CSS Code Snippet

A set of custom <select> dropdown lists in dark and light color schemes.

These are fully functional and accessible without Javascript or images.

They use the native <select> element with a wrapper element to hide the dropdown arrow.

Inspired by Hemn Chawroka's PSD.

8 comments

Robin said
D10a42717ec0186d6948858dd2daecf1

You should use
*:focus {
outline: none;
}
for the Chrome users (removing the yellow outlines)

Thibaut said
B6374f07090c513a73b875e0c5fe5924

Thanks for the tip, Robin, but I intentionally kept and customized the outlines in order to maintain full accessibility.

Adeel said
215b31e53de43cb07d2b2bebf4d5c350

Hi, How can i download all mostly download link not working properly.. pls help me out.
Thanks

Thibaut said
B6374f07090c513a73b875e0c5fe5924

It's fixed, thanks!

Denial said
Cc053d70524ed4b9b61660f48255678b

nice beauty !

climbak said
Ee4d6d0bc4a52565f410346909533982

Any chance you will update this to work with IE10 as well?

Thibaut said
654c04b8110238c9abd7a62e88d53b31

It works for me in IE 10 ;)

Leave a comment