解決ios中input兼容性問題

一、解決input輸入框在iOS中有陰影問題

input{
    -webkit-appearance: none;
}

二、checkbox、raido在ios中陰影問題

單選：                                                              多選： 

  單選： <div class="m_radio">
                        <div class="login_agree">
                            <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option1" checked>
                            <label for="optionsRadios1" class="input_agree" >加密鎖</label>
                        </div>
                        <div class="login_agree">
                            <input type="radio"name="optionsRadiosinline" id="optionsRadios2" value="option2">
                            <label for="optionsRadios2" class="input_agree">軟加密（支持離線激活）</label>
                        </div>
                    </div>

 多選： <div class="pro_checkbox">
                            <input type="checkbox" id="pro_one"  name="pro_one">
                            <label for="pro_one"></label>
                        </div>

css:
.pro-list label::before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            /*background: #EEE;*/
            border:1px solid #999;
            vertical-align: middle;
            -webkit-border-radius: 50%;
            margin-right: 5px;
            -webkit-box-sizing:border-box;
            -webkit-transition:background ease-in .5s
        }
.pro-list input[type="checkbox"]:checked+label::before{
            background-color: #4e39c2;
            border: 2px #b3b3b3 solid;
        }
        /*自定義單選框radio樣式*/
.pro-list .login_agree {
            position: relative;
            margin-left:10px;
            -webkit-box-sizing:border-box;
            vertical-align: middle;
        }
.pro-list .login_agree input[type="radio"]{
            display: none;
        }
.pro-list input[type="radio"]+label::before{
              width: 15px;
            height:15px;
        }
.pro-list .login_agree input[type="radio"]:checked+label::before{
            background-color: #f4d345;
            border: 1px #ccc solid;
            width: 15px;
            height:15px;
        }
        /*自定義複選框checkbox*/
.pro-list .pro_checkbox{
            position: relative;
        }
.pro-list .pro_checkbox input[type="checkbox"]{
            display: none;
        }
.pro-list .input_agree,label{font-weight:500;font-size:.6rem;}

js部分：
    $('.pro_checkbox').find('input[type=checkbox]').bind('click', function(){
        $('.pro_checkbox').find('input[type=checkbox]').not(this).attr("checked", false);
    });