自定義單選按鈕的iOS Safari瀏覽器不可見

我使用下面提及的CSS展現對自定義單選按鈕自定義單選按鈕的iOS Safari瀏覽器不可見

input[type=radio]{ 
    display:none; 
} 
.radio-options label::before { 
    content: "\2b24"; 
    color:#e2e2e2; 
    display: inline-block !important; 
    width: 17px; 
    height: 17px; 
    vertical-align:middle; 
    margin-right: 8px; 
    background-color: #fff; 
    border: 1px solid #e2e2e2; 
    border-radius: 8px; 
    font-size: 9px; 
    text-align: center; 
    text-shadow: 0px 0px 3px #fff; 
    font-family: monospace; 
    padding-top: 1.8px; 
    line-height: 10px; 
    cursor: pointer; 
} 

.radio-options label.active-radio::before { 
    content: "\2b24"; 
    color: #f9b410; 
    background-color: #fff; 
    font-size: 9px; 
    text-align: center; 
    text-shadow: 0px 0px 3px #fff; 
    font-family: monospace; 
    margin-left: 0px; 
    padding-top: 1.8px; 
    line-height: 10px; 
} 

<div class="radio-options"> 
     <div class="col-md-6 col-xs-6"> 
     <input id="some_thing" type="radio" > 
     <label ng-class="{'active-radio':true}">Something</label > 
     </div> 
</div>

在桌面瀏覽器中它的正常工作，並顯示單選按鈕