JSFiddle - React, Tailwind, and code Playground

HTML

<input id="green_input" type="text"></input>
<input id="red_input" type="text"></input>
<input id="blue_input" type="text"></input>
<input id="yellow_input" type="text"></input>
<input id="black_input" type="text"></input>
<input id="another_input" type="text"></input>

CSS

#green_input
{
    outline-color:green;
}
#red_input
{
    outline-color:red;
}
#blue_input
{
    outline-color:blue;
}
#yellow_input
{
    outline-color:yellow;
}
#black_input
{
    outline-color:black;
}
#another_input
{
    outline-color:#ff00ff;
}