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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM