JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<select class="select">
    <option>Hello Test</option>
<option>Hello Test</option>
<option>Hello Test</option>
<option>Hello Test</option>
<option>Hello Test</option>
<option>Hello Test</option>
<option>Hello Test</option>
<option>Hello Test</option>

                    
</select>

CSS

select{
    width:200px;
    height:25px;
    position:relative;
    -webkit-appearance:none;
    appearance:none;
    background:url("https://lh4.googleusercontent.com/-YYaX2agFOQE/VIlJFRHFV3I/AAAAAAAAF4s/V-MzlhbzleM/w18-h19-no/icon_circle_arrow_down.png") no-repeat right top;
    background-size:23px;
    border-radius:8px 8px 8px 8px;}
select:focus{
    outline:none;
}
.select:before, select:before {
    content:"hello";
    position:absolute;
    display:block;
}
select::after div{
    width:15px;
    height:15px;
    background:red;
    position:absolute;
    
}