链接焦点边框的移除思路

链接焦点边框的移除思路

在许多 WordPress 主题中,链接在被点击时会显示浏览器默认的粗黑边框

这一设计旨在提升无障碍体验(提示焦点),但其生硬的样式往往会破坏页面的视觉设计。


一、添加自定义 CSS 代码

  • 在 WordPress 后台,选择外观>自定义/编辑>样式>额外 CSS
  • 输入下方的 CSS 代码
/* 移除链接点击时的默认边框 */
a:focus {
    outline: none;
    box-shadow: none;
}