JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="text" id="field" />
    <input type="button" id="clear" value="x" title="Clear the field"/>
</div>

CSS

input#clear {
    border: none;
    position: relative;
    right: 2.8em;
}

#clear:focus #field{
  color: yellow
}