是的,可以通过CSS样式来去掉复选框的蓝色高亮显示。可以使用以下代码实现:
input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
outline: none;
box-shadow: none;
}
input[type="checkbox"]:focus {
outline: none;
}
input[type="checkbox"]::-moz-focus-inner {
border: 0;
}
input[type="checkbox"]::-moz-focusring {
outline: none;
}
解释:
appearance
和-webkit-appearance
属性用于去除复选框的默认样式。outline
属性用于去除复选框被选中时的蓝色边框。box-shadow
属性用于去除复选框被选中时的阴影效果。::-moz-focus-inner
伪元素用于去除Firefox浏览器中复选框获取焦点时的内部边框。::-moz-focusring
伪元素用于去除Firefox浏览器中复选框获取焦点时的外部边框。这样设置后,复选框不会再有蓝色高亮显示。
领取专属 10元无门槛券
手把手带您无忧上云