JSFiddle - React, Tailwind, and code Playground

by moonlight7570

HTML

<body>
Label: <div class='dropdown'>
<ul>
    <li><span class='selected'>Option 1</span>
        <ul>
            <li data-value='1'>Option 1</li>
            <li data-value='2'>Option 2</li>
            <li data-value='3'>Option 3</li>
        </ul>
    </li>
</ul>
<input type='hidden' id='zak'>
</div>

CSS

body, window{
    background-color:#000000;
    color:#FFFFFF;
    }
.dropdown{
    background-color:#000000;
    color:#FFFFFF;
    display:inline;
    }
.dropdown ul{
    list-style:none;
    padding:0;
    margin:0;
    cursor:default;
    display:-moz-inline-box;
    display:inline-block;
    zoom:1;
    *display:inline;
    }
.dropdown ul li{
    padding:3px;
    margin:0;
    z-index:auto !important ;
    z-index:1000;
    border-color:white;
    border-style:solid;
    border-width:1px;
    display:-moz-inline-box;
    display:inline-block;
    zoom:1;
    *display:inline;
    }
.dropdown ul li ul{
    display:block;
    margin-left:-4px;
    margin-top:3px;
    position:absolute;
    padding:0;
    text-align:left;
    z-index:999;
    }
.dropdown ul li ul li{
    display:block;
    clear:both;
    margin:0;
    }