如何在移动设备上删除输入的蓝色背景（收音机，选择和复选框）？

Question

当用户点击输入（收音机，复选框或选择）时，我尝试删除焦点背景，但它不起作用。这些是我在元素上添加的样式：

    .form-holder input[type="radio"]:focus, .form-holder input[type="checkbox"]:focus {
     background: transparent;
     box-shadow: none;
     outline: 0!important;
     outline: none!important;
     -webkit-tap-highlight-color: transparent!important;
    }

Test image

JSFiddle

有什么建议吗？感谢。

Answer 1

希望这有帮助！

.form-holder input[type="radio"]:focus, .form-holder input[type="checkbox"]:focus {
     background: transparent;
     box-shadow: none;
outline: none;
  outline-width: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

Answer 2

我找到了解决方案。因为标签内部的输入是将标签放在标签上所必需的，因为标签正在进行交互。谢谢大家。