                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /css3实现网页平滑过渡效果

火狐checked没用

为什么火狐浏览器的checked没有用啊？选了别的按钮以后再刷新就变成刚刚选的那个按钮选中了。。

郑萍

2015-05-24

源自：css3实现网页平滑过渡效果 1-6

关注问题我要回答

1147

操作

收起

1 回答

夜落幕之后
2016-03-23

我的还是可以的，请看下面

<div id="nav2">
<input type="radio" name="radio-set" id="r1" checked="checked">
<a href="#html5">HTML5</a>
<input type="radio" name="radio-set" id="r2">
<a href="#css3">CSS3</a>
<input type="radio" name="radio-set" id="r3">
<a href="#js">JavaScript</a>
<input type="radio" name="radio-set" id="r4">
<a href="#jquery">Jquery</a>
<input type="radio" name="radio-set" id="r5">
<a href="#ajax">Ajax</a>
</div>

#nav2 input:checked+a,#nav2 input:checked:hover+a{
background: burlywood; /*被选中的单选按钮后面的a颜色加深*/
}
#nav2 input:checked + a:after{ /*为导航添加三角*/
content: "";
width: 0px;
height: 0px;
overflow: hidden;
border-top:20px solid burlywood;
border-left:20px solid transparent;
border-right:20px solid transparent;
position: absolute;
top: 90%;
left: 40%;
}
#nav2 input:hover + a{
background-color: navajowhite; /*鼠标滑过变色*/
}