链接焦点边框的移除思路
在许多 WordPress 主题中,链接在被点击时会显示浏览器默认的粗黑边框。
这一设计旨在提升无障碍体验(提示焦点),但其生硬的样式往往会破坏页面的视觉设计。
一、添加自定义 CSS 代码
- 在 WordPress 后台,选择外观>自定义/编辑>样式>额外 CSS
- 输入下方的 CSS 代码
/* 移除链接点击时的默认边框 */
a:focus {
outline: none;
box-shadow: none;
}
Julian Blog
在许多 WordPress 主题中,链接在被点击时会显示浏览器默认的粗黑边框。
这一设计旨在提升无障碍体验(提示焦点),但其生硬的样式往往会破坏页面的视觉设计。
/* 移除链接点击时的默认边框 */
a:focus {
outline: none;
box-shadow: none;
}