JSFiddle - React, Tailwind, and code Playground

by m4xout

HTML

<select>
    <option>one</option>
    <option>two</option>
</select>

CSS

.circle {background: #f0f;display:block}
.circle::before {
  
content: 'hi';
    display: inline-block;
    width: 14px;
    height: 14px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    position: relative;
    right: 3px;
    top: 3px;
    background: #000;
    margin-right:20px;
    
    }

JavaScript

$('option').each(function () {
    $(this).html("<div class='circle'>hi</div>" + $(this).text());
});