JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<img src="http://dev.bowdenweb.com/a/i/dev/settingsmenu01.png" width="389" height="190" />
<img src="http://dev.bowdenweb.com/a/i/dev/settingsmenu02.png" width="179" height="190" />
<img src="http://dev.bowdenweb.com/a/i/dev/settingsmenu03.png" width="179" height="190" />
<img src="http://dev.bowdenweb.com/a/i/dev/settingsmenu04.png" width="40" height="50" />
<img src="http://dev.bowdenweb.com/a/i/dev/settingsmenu05.png" width="27" height="27" />
<hr />
<form>
    <fieldset><legend>Settings Closed</legend>
<label for="closed">Settings Closed</label>
    <select id="closed"></select>
    </fieldset>
</form>
<form>
    <fieldset><legend>Settings</legend>
<label for="open">Settings</label>
    <select id="open">
        <option>My Profile</option>
        <option>Payment Preferences</option>
        <option>Location</option>
        <option>Referals</option>
    </select>
        </fieldset>
</form>

CSS

form{margin:20px auto; text-align:center; width:179px; background:url("http://dev.bowdenweb.com/a/i/dev/settingsmenu03.png") 0 0 no-repeat; height:50px;}
label{}
legend{display:none}
select{width:40px; height:50px; background:url("http://dev.bowdenweb.com/a/i/dev/settingsmenu04.png") 0 0 no-repeat}
option{}