JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css">
<select>
<option>THis is an option</option>
<option>THis is an option 2</option>
</select>
<i class="test"></i>

CSS

body {
  font-family: sans-serif;
}

select {
  font-weight: bold;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
select option {
  font-weight: normal;
}
select:before {
  font-family: 'remixicon';
  content: '\EA4E';  
}
i.test:before {
  font-family: 'remixicon';
  content: '\EA4E';  
  
}