<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
input:checked{
box-shadow: 0 0 3px 5px black;
}
</style>
</head>
<body>
<h1>CSS :checked Selector</h1>
<input type="radio" name="car" value="bmw"> BMW<br>
<input type="radio" name="car" value="audi"> Audi<br>
<input type="radio" name="car" value="benz"> Benz<br>
<input type="checkbox" name="car" value="benz"> I love it<br>
<input type="checkbox" name="car" value="benz"> I will have it<br>
<p><strong>Note</strong>: Click on the checkbox and radio button</p> </body>
</html>