input[type=radio]选中的样式变化

input[type=radio]:hover{
border: 2px solid #D0D0D0;
}
input[type=radio]:focus{
border: 2px solid #1BA9D9;
}

 

1、默认属性，input{样式}
2、鼠标悬浮：input:hover{样式}
3、点击属性：input:focus{样式}

type不同设置也不同，比如radio还要设置input:checked的样式，用tab切换表单使radio获得焦点和点击是两种样式！