JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div class="container">
    <div class="row">
        <select name="MySelect">
            <option>Option 1</option>
        </select>
    </div>
</div>

<div class="message"><strong>Message:</strong></div>

CSS

.container { display:none; }
.row select { width:94%; }

.message { margin-top:40px; }

JavaScript

var $select = $("select");

console.log(
    $select.width(), 
    $select.css("width"), 
    document.defaultView.getComputedStyle( $select[0] ).getPropertyValue("width")
);