Html 当元素聚焦时，如何移除蓝色矩形？

当元素聚焦时，如何移除蓝色矩形？我见过类似的问题，但这些问题链接到一个外部网站。我的问题包括一个可以在SO上测试的片段

以下是聚焦文本区域时得到的结果：

以下是聚焦文本区域时我想要的内容：

以下是我目前掌握的代码：

输入：焦点，文本区域：焦点{
大纲：无；
}
#文本区{
位置：绝对位置；
顶部：10px；
左：10px；
右：10px；
宽度：计算（100%-20px）；
高度：160px；
显示：内联块；
边缘顶部：-0.2米；
}

yo

试试这个：

input:focus, textarea:focus {
   outline: none !important; }

---

此解决方案更改选定图元的焦点样式的定义边框值。我已经有效地使焦点边框与文本区域边框匹配：

输入：焦点，文本区域：焦点{
大纲：无；
边框：1px纯色灰色；
}
#文本区{
位置：绝对位置；
顶部：10px；
左：10px；
右：10px；
宽度：计算（100%-20px）；
高度：160px；
显示：内联块；
边缘顶部：-0.2米；
}

---

yo

谢谢。我查看了这些，但它们并没有提供有效的解决方案。它们使用的代码与我在这里提到的相同。不过我找到了答案。链接的问题是同一个问题。我把答案抄了一遍。这个问题可以结束了。。。。或者只是不要破坏网站的可访问性，增加真正的焦点风格。“我感谢你的回答，但你不知道我的目的。我的网站实际上是为了便于访问lol。它是一个文本到语音屏幕阅读器。阅读文本时，每个单词都会突出显示。文本区域必须聚焦才能突出显示单词，但它不是聚焦的主题。当前的口语是焦点。检查一下，这没有对我做任何更改。我发现了问题。它可以在Safari中使用，但不能在Firefox中使用。将边框设置为0将完全删除Firefox中的边框。它似乎与文本区域边框匹配，使焦点轮廓消失，但实际上是将边框切换为相同的边框样式。看看我的答案。