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獲得焦點和點擊是兩種樣式！