Examples

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist -->

<label>Choose a browser from this list:
<span contenteditable list="browsers" name="myBrowser">edit me</span></label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

SCSS

span{ 
  background:white; 
  border:1px solid silver;
  padding:5px;
  min-width:50px;
  display:inline-block;
  
  &::before{ content:'\200B'; }
}