根据列表radio选中的不同状态显示不同的背景色

不多说直接上代码，不，还是先看个效果吧

现在上代码
css代码

*{
   
   margin:0;
   padding:0;
}
ul{
   
    margin-top:50px;
    margin-left:250px;
    width:711px;
    border-top: 1px solid #ccc;
}
ul li{
   
    width:650px;
    height:50px;
    list-style: none;
    border:1px solid #ccc;
    border-top:0;
    padding:15px 30px 0 30px;
}
ul li div{
   
    float: right;
    width:300px;
    height:35px;
    display:flex;
    justify-content: space-between;
}
ul li div div{
   
    padding-left:10px;
}

html代码

<div class="container">
    <ul id="list">