JSFiddle - React, Tailwind, and code Playground
by Sean Coker
HTML
<div>
<p>
text inputs
</p>
<input type="text" value="United States" />
<input type="text" value="Australia" />
</div>
<div>
<p>
email inputs
</p>
<input type="email" value="[email protected]" />
<input type="email" value="[email protected]" />
</div>
<div>
<p>
number inputs
</p>
<input type="number" value="100" />
<input type="number" value="200" />
</div>
<div>
<p>
tel inputs
</p>
<input type="tel" value="2155555555" />
<input type="tel" value="2125555555" />
</div>CSS
p {margin-top: 1em;}
input[value="United States"] { color: #F90; }
input[value="100"] { color: #F90; }
input[value="2155555555"] { color: #F90; }
/* case insensitive selector */
input[value="[email protected]" i] { color: #F90; }