css 設定input選中後樣式

.i_input{ border:#00b5c3 1px solid;}


.i_input:focus {

outline:none;

 border: 1px solid red;

}


<input type="text" placeholder="  輸入你真實的姓名" class="i_input">


js-選中切換背景色:

$(document).ready(function(){

 $('label').click(function(){

 if($(this).children('input').is(":checked")){

 $(this).css('background-color','#f7edb8');

 $(this).nextAll().css('background-color','#f8fbf9');

 $(this).prevAll().css('background-color','#f8fbf9');

 }

 })

})