JSFiddle - React, Tailwind, and code Playground

by yijiang

HTML

<script src="http://dl.dropbox.com/u/1722364/modernizr-1.5.min.js"></script>
<select>
    <option>apple</option>
    <option>oranges</option>
</select>

<select>
    <option>apple</option>
    <option>oranges</option>
</select>

CSS

.shadow {
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    display: inline-block;
}

select {
    padding: 2px;
}

JavaScript

if (Modernizr.boxshadow) {
    $('select').wrap('<div class="shadow" />').parent().width(function() {
        return $(this).outerWidth() - 2
    }).height(function() {
        return $(this).outerHeight() - 2
    });
}