=======================================================================================
Pseudo class Selector
650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/80/2B/wKiom1c5s43CuN2iAAGhwxD1VwA756.png "style=" float: none; "Title=" Pseudo-class selector. png "alt=" Wkiom1c5s43cun2iaaghwxd1vwa756.png "/>
650) this.width=650; "src=" Http://s1.51cto.com/wyfs02/M00/80/28/wKioL1c5tHuDCE_HAAQINpjXlKA069.png "style=" float: none; "Title=" Pseudo-class selector 3.png "alt=" Wkiol1c5thudce_haaqinpjxlka069.png "/>
650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M02/80/28/wKioL1c5tHyhPM-kAAF9RveVTjo593.png "style=" float: none; "Title=" Pseudo-class selector 4.png "alt=" Wkiol1c5thyhpm-kaaf9rvevtjo593.png "/>
650) this.width=650; "src=" Http://s5.51cto.com/wyfs02/M00/80/2B/wKiom1c5s5biDhbwAAE8wCKD1i4703.png "style=" Float:none; "Title=" Pseudo-class selector--ui.png "alt=" Wkiom1c5s5bidhbwaae8wckd1i4703.png "/>
input[type= "Radio"]+label{ border:1px solid #cdc3ae; padding:5px 20px; } input[type= "Radio"]{ display: none; } input[type= "Radio"]:checked+label{ border:2px solid #006f47; padding:4px 19px; }
<div id= "Radio" > <input type= "Radio" name= "Pay" id= "Pay_1"/> <label for= "pay_1" > Cod </label> ; <input type= "Radio" name= "Pay" id= "pay_2"/> <label for= "pay_2" > Online Banking payment </label></div>
CSS 3 pseudo-class selector