是否可以删除复选框的蓝色突出显示？

Question

我注意到，在某些浏览器上选中此复选框时，有时会显示蓝色突出显示。我不确定是从哪里来的，因为我只能从iPhone上的Safari以及Chrome开发者工具的“设备模式”中看到这种行为。但是，台式机Chrome和Firefox根本不包含突出显示。

.center 
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);


.switch 
	width: 120px;
	height: 68px;
	position: relative;
	display: inline-block;


.switch input 
	visibility: hidden;


.slider 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	position: absolute;
	transition: 0.375s;
	border-radius: 68px;
	background-color: #414b55;


.slider:before 
	left: 8px;
	bottom: 8px;
	width: 52px;
	height: 52px;
	content: "";
	position: absolute;
	transition: 0.375s;
	border-radius: 50%;
	background-color: #ffffff;


input:checked + .slider 
	background-color: #fa6400;


input:checked + .slider:before 
	transform: translateX(52px);

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Example</title>
	</head>
	<body>
		<div class="center">
			<label class="switch">
				<input type="checkbox">
				<span class="slider"></span>
			</label>
		</div>
	</body>
</html>

有人可以解释它的来源以及如何消除这种影响吗？