WordPress去除链接点击边框

在Wordpress的一些主题中，比如非常流行的astra，会设置链接点击后默认在链接或者按钮四周出现边框：outline、border，比较直接的查看方式，可以长按点击网站的logo，然后拖拽到一边，就会有方框出现。

这个方框出现的好处在于可以提示用户点击范围，是否点到自己想点的内容，体现前端使用的规整性。不好的地方就是会一定程度上影响美观度，尤其很多个人站长没有设计好outine、border的距离等参数，会出现不协调的情况，当然专业设计的网页，有这个边框也可能是加分项。关于边框的是否需要使用，每个人都有不同做法，包括一些企业大站，也是采取了不同的措施。

比如：亚马逊（www.amazon.com）、微软（www.microsoft.com），采用的是带边框的方式；

苹果（www.apple.com)、谷歌（www.google.com），采用的是不带边框的方式。

见仁见智，也是按照各自业务的需求来决定。

在设计好内容间距和用户体验的前提下，也是有不少人会选择关闭outline、border提示框，那么在Wordpress中要如何操作呢？

可以在网站文件夹/wp-content/themes下找到对应主题的style.css文件，添加以下样式内容即可关闭outilne、border提示框。更方便的，我们可以在wordpress后台Dashboard-appearance-theme-customize中直接添加以下样式，点击Publish发布后，实现一样的效果。

/*** Remove Link Click Outline and Border ***/
a:active, a:focus {
  outline: 0 !important;
  border: none !important;
  -moz-outline-style: none !important;
}