<input type= "Radio" id= "Radio1" name= "Radio-1-set" class= "Regular-radio" checked/><label for= "Radio1" > </label>
/* RADIO */
. regular-radio {Display:none;}
. Regular-radio + Label {-webkit-appearance:none; border:1px solid #cacece; box-shadow:0 1px 2px Rgba (0,0,0,0.05), inset 0px-15px 10px-12px Rgba (0,0,0,0.05); padding:5px; border-radius:50px; Display:inline-block; Position:relative;}
. regular-radio:checked + label:after {content: '; width:8px; height:8px; border-radius:50px; position:absolute; Top: 1px; Background: #fff; Box-shadow:inset 0px 0px 10px rgba (0,0,0,0.3); text-shadow:0px; left:1px; font-size:32px;}
. regular-radio:checked + Label {color: #99a1a7; border:1px solid #adb8c0; box-shadow:0 1px 2px Rgba (0,0,0,0.05), inset 0px-15px 10px-12px Rgba (0,0,0,0.05), inset 15px 10px-12px Rgba (255,255,255,0.1), inset 0px 0px 10px rgba (0,0,0,0.1);}
. Regular-radio + label:active,. regular-radio:checked + label:active {box-shadow:0 1px 2px rgba (0,0,0,0.05), inset 0px 1 PX 3px rgba (0,0,0,0.1);}
. Big-radio + Label {padding:16px;}
. big-radio:checked + label:after {width:24px; height:24px; left:4px; top:4px;}
/* Beautify the scroll bar */
::-webkit-scrollbar {width:0px;height:14px;}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {border-radius:999px; border:5px solid Transparent;}
::-webkit-scrollbar-track {box-shadow:1px 1px 5px rgba (0,0,0,.2) inset; }
::-webkit-scrollbar-thumb {min-height:20px; Background-clip:content-box; box-shadow:0 0 0 5px Rgba (0,0,0,.2) inset; }
::-webkit-scrollbar-corner {background:transparent;}
HTML Landscaping radio, scroll bar