Html 在chrome中显示复选框

我在wpf应用程序中使用cefsharp显示了以下html：

<label><input type="checkbox" class="form-control"/> Steaksandwich</label>

Steaksandwich

我想问一下，如果复选框处于活动状态，则显示的蓝色边框是否也会在标签周围延伸？这就是我的chrome中的效果：

---

如果它是设计的，我可以改变它或消除影响吗？如果不是出于设计，那么我做错了什么？？？

尝试使用

for=

在标签和输入之间创建链接：

Steaksandwich

该行是通过浏览器添加的，您可以通过在css中添加此行来删除它 *-指页面上的所有元素。我希望它能起作用

*{
outline:none;
}

---

通常我们不在复选框中使用类“表单控件”。只要删除它，你就可以了。

在Chrome浏览器中看不到这种效果。我在wpf中使用了cefsharp，我会将它添加到我的问题中，虽然它是Chrome的，但它当然不会“围绕标签延伸”，因为它应用于输入字段。只有这样才有意义，因为标签不必围绕输入，它也可以在输入之前/之后，或者完全不同的位置。不幸的是，这并没有改变效果。如中所述，您应该“避免通用规则”。虽然它可能使事情变得更简单，但它给渲染引擎增加了巨大的负载。您应该列出特定的、相关的标记。