JSFiddle - React, Tailwind, and code Playground

by Muhammad Atteeq

HTML

<select name="month" >
                                <option value="na">Month</option>
                                <option value="1">January</option>
                                <option value="2">February</option>
                                <option value="3">March</option>
                                <option value="4">April</option>
                                <option value="5">May</option>
                                <option value="6">June</option>
                                <option value="7">July</option>
                                <option value="8">August</option>
                                <option value="9">September</option>
                                <option value="10">October</option>
                                <option value="11">November</option>
                                <option value="12">December</option>
                            </select>

CSS

select{
    width:100px;
        height: 40px;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(72,72,72,0.6);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(72,72,72,0.6);
    box-shadow: inset 0px 0px 0px 1px rgba(72,72,72,0.6);
    border: none;
    background-color: #f3f2f0;
    color: #060606;
    cursor: pointer;
    text-overflow: '';
    font-size: 1em;
    text-indent: 5px;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
}