CSS中Check的用法

check是CSS中一個非常常見的樣式選擇器，它通常被用于選中表單中的復選框和單選按鈕。
1. 選中復選框使用check可以將復選框設置為選中狀態。
#exampleCheckbox:checked{
background-color: #000;
color: #fff;
}
2. 選中單選按鈕使用check可以用類似的方法可以選中單選按鈕。
#exampleRadio1:checked{
background-color: #000;
color: #fff;
}
3. 模擬復選框和單選按鈕
使用CSS中的偽類元素可以模擬出復選框和單選按鈕的樣式。
選項一
.checkbox input[type="checkbox"] {
position: absolute;
left: -9999px;
}
.checkbox label{
position: relative;
padding-left: 25px;
cursor: pointer;
}
.checkbox label:before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
bottom: 1px;
background-color: #fff;
border: 2px solid #ccc;
}
.checkbox input:checked + label:before {
content: "√";
text-align: center;
color: #fff;
background-color: #000;
}
以上就是CSS中Check的用法。希望對大家有所幫助。