Html 与firefox和internet explorer相比，chrome的轮廓样式有所不同

firefox和IE的默认轮廓为黑色虚线，而chrome的默认轮廓为淡蓝色实心轮廓

我试图通过这样做来改变这一点：

a{
 outline-style: dotted;
 outline-color: black;
}

这似乎造成了一场灾难，因为突然所有链接都出现了黑色的虚线，甚至没有悬停或聚焦。 这很糟糕，因为轮廓是唯一能够区分鼠标焦点和键盘键焦点的东西

关于如何使chrome的轮廓看起来像其他的轮廓，还有其他想法吗

身体{ 字号：1.5em； 字体系列：verdana； } .第2 a区{ 轮廓宽度：粗； 轮廓颜色：红色； } .第3 a区{ 轮廓样式：实心； } 大纲测试：

---

您必须将规则应用于焦点状态，如：focus而不是直接应用于。

我不想使用：focus，因为焦点同时发生在键盘和鼠标焦点上。我只想捕捉键盘的焦点，似乎只有大纲可以做到，而且有时也只能做到。我希望你们知道鼠标的焦点是：悬停，它不同于：焦点