Default input

by Mattia Astorino

HTML

<label>
  <input type="radio" name="season" id="default" disabled checked>
  <span >Default</span>
</label>


<label for="spring">
  <input type="radio" name="season" id="spring"> Spring
</label>

<label for="summer">
  <input type="radio" name="season" id="summer"> Summer
</label>


<label for="fall">
  <input type="radio" name="season" id="fall"> Fall
</label>

<label for="winter">
  <input type="radio" name="season" id="winter"> Winter
</label>

CSS

input:default {
  opacity: 0.2;
}

input:default + span {
  opacity: 0.2;
}













































































/* DEMO ONLY */

label {
  display: block;
  cursor: pointer;
}

body {
  height: 100vh;
  display: grid;
  justify-content: space-around;
  align-items: center;
  overflow: hidden;
}