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

Posted 2023-03-06

【中文标题】WP网站上的CSS Bootstrap 4元素周围出现奇怪的紫色方块

【英文标题】：Strange purple squares appearing around elements CSS Bootstrap 4 on a WP website

【发布时间】：2021-11-19 03:12:59

【问题描述】：

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

【参考方案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);