<input type="radio" id="option1" name="test" value="option1" checked="checked"> <label for="option1">옵션 1</label> <input type="radio" id="option2" name="test" value="option2"> <label for="option2" >옵션 2</label> <input type="radio" id="option3" name="test" value="option3"> <label for="option3">옵션 3</label>
/* custom radio button */ input[type=radio]{ width: 0; height: 0; position: absolute; left: -9999px; } input[type=radio] + label{ margin: 0; padding: .75em 1.5em; box-sizing: border-box; position: relative; display: inline-block; border: solid 1px #DDD; background-color: #FFF; line-height: 140%; text-align: center; box-shadow: 0 0 0 rgba(255, 255, 255, 0); transition: border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out; cursor: pointer; } input[type=radio]:checked + label{ background-color: #4B9DEA; color: #FFF; box-shadow: 0 0 10px rgba(102, 179, 251, 0.5); border-color: #4B9DEA; z-index: 1; }