html - WP网站上的CSS Bootstrap 4元素周围出现奇怪的紫色方块

Question

我注意到在某些浏览器、某些网站上，将 Bootstrap 4 作为框架包含在内，在 WordPress 网站上，某些元素在被访问时会出现一些奇怪的紫色方块。您知道为什么以及如何删除它们吗？这是一张照片，我在前端找不到它：

Answer 1

它不是边框，也不是背景色，而是它的轮廓

从您的 Storefront style.css 更改此代码（第 411 行）

a:focus, input:focus, textarea:focus, button:focus {
    outline: 2px solid #96588a;
        outline-color: rgb(150, 88, 138);
}

至

a:focus, input:focus, textarea:focus, button:focus {
    outline: 0px solid #96588a;
        outline-color: rgb(150, 88, 138);
}