发表于： 2018-06-19 19:49:45
1 642
今天完成的事情：继续任务十。
明天计划的事情：完成任务十。
遇到的问题： 1、用input的伪元素做的选项按钮
，需要点击按钮使其变色的效果，但是一直不生效
input:checked input::before{
background: #1d7ad9
}
原因是书写格式错误，checked自身的元素时是要把前缀去掉。
input:checked::before{
background: #1d7ad9
}
2、另外一个问题是页面每次刷新后都会自动选择最后一个按钮，
，因为我给三个盒子都设置了
checked="checked"
，只需要给第一个盒子设置就行了。
3、我按照网上的资料去除input的默认样式，
input{
outline: none ;
-webkit-appearance: none;
border-radius: 0;
}
但是点击按钮的时候还有一条边框出现
，因为框架原因属性冲突，需要加个多加个权重属性。
input{
outline: none !important;
-webkit-appearance: none;
border-radius: 0;
}
收获：以上
返回列表
评论