fast/css/text-transform-select.html

<!doctype html>
<style>
    .upper * { text-transform: uppercase; }
    .capitalized * { text-transform: capitalize; }
    .lower * { text-transform: lowercase; }
</style>
The text in the button, popup menu and list box should have the same case as in the
accompanying text.
<div class="upper">
    <select><option>heLLo</option><option>woRLd</option></select>
    <select multiple="true"><option>heLLo</option><option>woRLd</option></select>
    <span>heLLo woRLd</span>
</div>
<div class="capitalized">
    <select><option>heLLo</option><option>woRLd</option></select>
    <select multiple="true"><option>heLLo</option><option>woRLd</option></select>
    <span>heLLo woRLd</span>
</div>
<div class="lower">
    <select><option>heLLo</option><option>woRLd</option></select>
    <select multiple="true"><option>heLLo</option><option>woRLd</option></select>
    <span>heLLo woRLd</span>
</div>
<div class="upper">
    <select><option>ß</option><option>ßß</option></select>
    <select multiple="true"><option>ß</option><option>ßß</option></select>
    <span>ß ßß</span>
</div>
<div class="capitalized">
    <select><option>ß</option><option>ßß</option></select>
    <select multiple="true"><option>ß</option><option>ßß</option></select>
    <span>ß ßß</span>
</div>
<div class="lower">
    <select><option>ß</option><option>ßß</option></select>
    <select multiple="true"><option>ß</option><option>ßß</option></select>
    <span>ß ßß</span>
</div>