单击/轻击按钮可在页面上动态添加新的复选框标签组。在<label>元素内添加了复选框元素的clickable元素在移动设备上不可轻敲，但在台式机上查看时可单击。
Codepen上的示例：http://codepen.io/clehnert-psl/pen/ByqxmY/
（（单击屏幕底部的“ 1x”可以在移动设备上更好地显示）
预期的行为（可以在桌面浏览器上正常运行）：
点击/单击“添加属性”<a>ui按钮后，新的复选框项将出现在最后一个选项框下，用户可以在其中输入自定义文本。在桌面浏览器上，“保存” <button>成功“保存”了新的ui-checkbox项中的输入文本。保存该项目后，可以再次单击文本来编辑或添加到条目。
问题：
在移动设备（iOS和Android）上，带有单击侦听器的<label>元素内的两个元素不会触发-“保存” <button>和文本<input>（可以再次保存后单击这些元素）编辑文字）。
“删除” <a>（X）在移动设备和台式机上均可使用，以删除所有已添加的复选框项目。这被附加在<label>元素之后。如果将“保存”和input type="text"可单击元素添加到标签外的页面中，则它们都可以正常工作，但是这些项目（尤其是<input type='text'>）需要为<label>元素的子元素才能正确布局。
如何使label元素的子元素在移动设备上可点击/可点击？