css 设置input选中后样式

.i_input{border:#00b5c31pxsolid;}

.i_input:focus{

outline:none;

border:1pxsolidred;

}

<inputtype="text"placeholder="&nbsp;&nbsp;输入你真实的姓名"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');

}

})

})