JSFiddle - React, Tailwind, and code Playground

HTML

<select class="form-control sel" name = "place" id = "place" >
                        <option value="">Val1</option>
                        <option value="">Val2</option>
                      </select>

CSS

@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');


* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 20px;
  font-family: 'Neucha', cursive;
}

select{
  
 //-moz-appearance: none;
 //-webkit-appearance: none;
 //appearance: none;
 padding: 20px;
  color: red;
}
option {
  color: blue
}