HTML radio buttons looks square in iphone

아이폰에서 브라우저로 접속했을때 라디오버튼이 이상하게 나온경우가 있어서 검색한 결과

inpu[type='radio'] { 
    border-radius:100%;
    background-image: -webkit-linear-gradient(top, rgb(186,0,0) 0%, rgb(255,59,59) 49%);
}
input:not([type='radio'])
    border-radius:100%;
    background-image: -webkit-linear-gradient(top, rgb(186,0,0) 0%, rgb(255,59,59) 49%);
}

색상과 선둥글기만 커스텀해주면 완료