JSFiddle - React, Tailwind, and code Playground

by huuzoo

HTML

<input type="radio" name="trip" value="hokkaido" id="radio_1"><label for="radio_1">北海道</label>
<input type="radio" name="trip" value="okinawa" id="radio_2"><label for="radio_2">沖縄</label>
<input type="radio" name="trip" value="tokyo" id="radio_3"><label for="radio_3">東京</label>
<p id="target"></p>

CSS

label {
  padding: 10px;
}
input:checked + label {
  background-color: #CEF6F5;
}