JSFiddle - React, Tailwind, and code Playground

by Marie Gérard

HTML

<div class="formfield-select">
	
	<label for="mon_select" >Choisir un truc</label>
	
	<div class="formfield-select--container">
		
		<select id="mon_select">
			<option>Faire des travaux</option>
			<option>Cuisiner des légumes</option>
			<option>Tondre la pelouse</option>
			<option>Manger des nouilles</option>
			<option>Se lever tard</option>
			<option>Trouver l’ouverture facile</option>
		</select>

	</div>  
</div>

CSS

.formfield-select {
	position: relative;
}

.formfield-select--container {
	position: relative; 
	
	background-color: #fff;
	border: #777 1px solid;
	margin: 0 0 1.5em 0;
	
	overflow: hidden; 
	/* 
		Le select natif pourra 
		dépasser sans être vu 
	*/
}