JSFiddle - React, Tailwind, and code Playground

by DugSohn

HTML

<div contenteditable>
Prefix :
<input type="text" disabled="disabled" value="field name"/> - 
<input type="text" disabled="disabled" value="field name"/> -  foo
</div>

SCSS

input[disabled="disabled"] {
  background-color: rgba(16,108,255,1);
  display:inline-block;
  padding: 10px;
  border-radius: 20px;
  color: #fff;
}