Css WP hello elementor主题：发表评论按钮在Chrome中有一个奇怪的边框

我创建了一个以hello elementor为主题的WordPress网站：

当我点击“发表评论”按钮时，按钮显示一个黑色边框（仅在谷歌浏览器中）。我想消除这种影响

我还添加了一点CSS（因为我想这样设计按钮）：

我无法摆脱这个“焦点”事件，它既不是边界也不是边界。而且它只出现在铬上

---

我怎样才能去掉这个焦点边框？

您看到的边框是一个

边框和轮廓非常相似。但是，轮廓与边框的不同之处在于：

• 轮廓永远不会占用空间，因为它们是在元素内容之外绘制的
• 根据规范，轮廓不必是矩形的，尽管它们通常是矩形的

您可以这样删除它：

。提交：焦点{
大纲：无；
}

@CodeBrot很高兴它成功了，欢迎来到Stack Overflow。如果这个答案解决了你的问题，请考虑将它标记为接受：

.submit {
    background-color: #8766ff;
    border: none !important;
    color: white;
    font-size: 18px;
}

.submit:hover {
    background-color: #8766ff;
    transform: scale(1.1);
}