ios - 输入 radio 不适用于 ios 触摸设备(vue js 应用程序)

Question

我正在开发一个具有自定义输入单选框的网络应用程序，这些复选框无法使用 ios 设备(ipad 和 iphone)选择，我已经将 onclick=""事件放在标签上但仍然没有，有人知道如何解决这个问题？

这里是演示网址: http://www.mixink.it/ascom/altopiemonte/

HTML

                        <input 
                    type="radio"
                    v-bind:id="['gialla-'+index]"
                    name="serviziGialla" 
                    v-bind:value="servizio.nomeServizio"
                    v-model="giallaPicked"
                    v-on:click="AddServizi(servizio.selected,servizio.classe,servizio.nomeServizio,servizio.descrizione,servizio.descrizione_lunga,index,servizio.x,servizio.y)"/>
                    <label onclick=""
                    v-bind:for="['gialla-'+index]"
                    ><span></span>
                    </label>

CSS

label span {
  pointer-events: none;
}

#ylwLine input[type="radio"] + label span {
    background:url(../img/yellow-off.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    pointer-events: none;
}
#ylwLine input[type="radio"]:checked + label span {
  background:url(../img/yellow-on.svg) !important;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  pointer-events: none;
}

Answer 1

嗯.. 尝试去掉父类中的所有“光标:移动”或在代码 js 中添加处理程序

$("#ylwLine label").onclick = function () {};