Html 如果输入集中在Chrome/MS Edge中，如何禁用边框？

我创建了一个输入，但在Chrome和MS Edge中，如果单击该输入，它将在输入周围显示一个难看的黑色边框/边框。在Firefox中，框架/边框不会出现。如何在Chrome/MS Edge中删除此边框/边框

文件

请添加以下css：

input:focus{
  outline: none;
}

---

这将删除默认设置，并添加一个类似Firefox上的边框。此外，练习结构与表达的分离。

文件
#EDT1{
显示：块；
边际：0px；
填充：0px；
位置：绝对位置；
顶部：15px；
左：15px；
高度：26px；
最小高度：26px；
最大高度：26px；
宽度：200px；
最小宽度：200px；
最大宽度：200px；
z指数：183；
背景色：透明；
能见度：可见；
边框宽度：0px；
边框样式：实心；
}
输入{
显示：块；
边际：0px；
位置：绝对位置；
高度：26px；
最小高度：26px；
最大高度：26px；
调整大小：无；
边框宽度：0px；
字体系列：Arial；
字号：12号；
线条高度：12pt；颜色：rgb（0,0,0）；
光标：文本；
背景色：
透明的；
左：0px；
顶部：-2px；
宽度：194px；
最小宽度：194px；
最大宽度：194px；
填充：2px3px0px；
文本对齐：左对齐；
}
输入：焦点{
大纲：无；
边框：1px实心#ccc；
}

回答了您的问题吗？