JSFiddle - React, Tailwind, and code Playground

by gaurang kathiriya

HTML

<div style="height:px;" class="roleSelector span-4 prepend-7 last " id="roleSelectorObj"><select><option value="[Markets].[EMEA]">EMEA</option><option value="[Markets].[NA]">NA</option></select></div>

CSS

div.roleSelector{
    height: 27px;
}

div.roleSelector > select{
    font-size: 18px;
    color: #772059;
    width: 150px;
    height: 100%;
    border: 2px solid #772059;
    border-top: 0px;
    border-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    background: url('http://neraka.no-ip.org:8081/k/selectorRoleBg.png') no-repeat 100%;
    -webkit-appearance: none;
    -moz-appearance: none !important;
    text-overflow: '';
    text-indent: 0.1px;
}