美化思路：使用绝对定位将单选按钮radio定位，用css属性opacity将其设置透明，再使用label添加为图片层，使用label的for属性绑定radio元素。

HTML代码：

<input type="radio" id="chooseP" value="1"/>
<label for="chooseP" id="choosePl"></label>

CSS代码：

#chooseP {
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
#chooseP + label {
    display: inline-block;
    background: url(img/People.svg)  no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    cursor:pointer;
}

如需查看点击单选按钮效果，请结合JQuery代码。以下是JQuery测试代码：

$(function(){
    $("#choosePl").on("click",function(){
        if($("#chooseP").attr("checked")){
            $("#chooseP").attr("checked","checked");
        }else{
            $("#chooseP").attr("checked",true);
        }
    });
});