JSFiddle - React, Tailwind, and code Playground

HTML

<div class="select">SĂ©lectionnez <span>< ></span></div>
<div class="option">
    <ul>
        <li><input type="radio" name="mode_paiement" value="1" />Choix 1</li>
        <li><input type="radio" name="mode_paiement" value="2"/> Choix 2</li>
        <li><input type="radio" name="mode_paiement" value="3"/> Choix 3</li>
    </ul>
</div>

CSS

.select {
    background:#eee;
    border:black 1px solid;
    cursor:pointer;
    width:125px;
    height:25px;
    padding:0 5px;
    line-height:25px;
    position:relative;
}

.select span {
    width:22px;
    position:absolute;
    right:0;
    height:25px;
    background:black;
    transform:rotate(90deg);
    color:white;
    font-size:80%;
    font-weight:bold;
    padding-left:3px;
}

.option {
    background:white;
    width:135px;
    border:#ddd 1px solid;
    box-shadow:0px 3px 3px rgba(50,50,50, 0.6);
    z-index:9999;
    display:none;
}

.option ul {
    list-style:none;
    margin-left:-40px;
}

.option ul li {
    background:none;
    height:30px;
}


input[type=radio] {
    margin-top:10px;
}

.option li:hover {
    background:ddd;
}

JavaScript

$(document).ready(function(){
    $('.select').click(function(){
       $('.option').toggle(); 
    });
});