JSFiddle - React, Tailwind, and code Playground

by Anderson Carlos Woss

HTML

<input type="text" value="foo">
<input type="text" value="Foó">
<input type="text" value="FoÓ">
<input type="text" value="FOO">

CSS

input {
  display: block;
  margin: 20px;
  padding: 10px;
  cursor: pointer;
  transition: all ease-out .2s;
}

input:hover {
  transform: scale(1.2);
}

[value="foó" i] {
  color: green;
}