html - 如何去除移动设备上输入(单选、选择和复选框)的蓝色背景？

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

我找到了解决方案。因为输入在标签内部，所以有必要将这些样式放在标签上，因为标签正在进行交互。谢谢大家。