发表于： 2020-06-23 22:14:43
1 1349
今天完成的事情：
完成了任务15的页面2重写
复习了input单选框
修改默认样式
input[type="radio"]{
width: 13px;
height: 13px;
margin-right: 4px;
-webkit-appearance: none; /隐藏默认样式/
outline: none; /隐藏点击效果/
}
使用::before选择器，添加在单选按钮上
input[type="radio"]::before{
content: "";
height: 13px;
width: 13px;
border-radius: 50%;
border: 1px solid #ff640c;
position: absolute;
}
:before 选择器向选定的元素前插入内容。
使用content 属性来指定要插入的内容
input[type="radio"]:checked::before{
background: #f9a372;
}
input[type="radio"]:checked~ label{
color:#ff640c;
}
使用checked伪类
完成后样式
返回列表
评论