कस्टम रेडियो बटन दिखाई नहीं

Question

मैं नीचे का उपयोग कर रहा उल्लेख है सीएसएस cutom रेडियो बटन को दिखाने के लिए

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> 

डेस्कटॉप ब्राउज़र में इसे सही ढंग से काम कर रहा है और रेडियो बटन को दिखा रहा है

के रूप में लेकिन सफारी iOS में अपनी कुछ भी प्रदर्शित नहीं कर रहा है

कोई सुझाव क्या संभव कारण हो सकता है?

Answer 1

यह यूनिकोड प्रतीक के कारण है जो आप सामग्री के रूप में उपयोग करते हैं। यह आईओएस पर प्रतीत नहीं होता है। यदि आप इसके बजाय "ब्लैक सर्कल" में बदल जाते हैं तो यह काम करेगा। (बस आकार क्षतिपूर्ति करने के लिए font-size वृद्धि हुई है।)

Unicode Black Circle symbol

Similar issue