CSS-only custom-styled selects
This is a demo page for the select-css plugin .
Native select
Apples
Bananas
Grapes
Oranges
A very long option name to test wrapping
Same select w/ CSS applied
Apples
Bananas
Grapes
Oranges
A very long option name to test wrapping
Same, in a 50% wide container
Apples
Bananas
Grapes
Oranges
A very long option name to test wrapping
Same, styled inline block:
Apples
Bananas
Grapes
Oranges
A very long option name to test wrapping
Text input:
Same select inside a dark wrapper
Apples
Bananas
Grapes
Oranges
A very long option name to test wrapping
Note: in Firefox, using gradients on the <select>
background
without a solid fallback color can make the option list unreadable.
See pull request #14
for details.