// html部分
<div class="Report_for_right">
  <input type="radio" name="Report_radio">
  <label></label>
</div>
//css

.Report_for_right{
  float: right;
  position: relative;
  input{
    z-index: 100;
  }
  input[type="radio"] {
    /*width: 40px;*/
    // 這裏把默認的圓點透明度設置為0，並且把 label 標簽的層級設置成高於默認的radio層級
 
    opacity: 0;
    z-index: 100!important;
    height: 20px;
  }
  label {
    position: absolute;
    right: 10px;
    top:12px;
    border: 1px solid #ddd;
    width: 15px;
    height: 15px;
    text-align: center;
    // 點擊顯示成綠色部分，其實是radio的部分，只不過對radio進行了透明處理而已。
    z-index:1;
    /**/
    border-radius: 50px;
    color: #333;
 
  }
  input:checked+label {
    background-color: #ff6160;
    border-radius: 50px;
    color: white;
  }
}




註釋：如有錯誤！請留言

改變input tpye 屬性radio css 樣式！！！