如何删除链接点击上的大纲？

Question

当我点击我网站上的链接时，它会围绕链接创建一个大纲，如此

我尝试添加：

a.image-link:focus { outline: 0; }

和

a {outline : none;}

但似乎没有什么可以摆脱它。有没有办法删除它？

Answer 1

你可以使用它：

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

Answer 2

如果上述解决方案中的至少一种不适用于任何人。也尝试一下

library(tidyverse)
library(lubridate)
library(ggplot2)

df <- tibble::tibble(ID = sample(seq(1, 3, 1), 289, replace = T), 
                     time = seq(as.POSIXct("2017-01-01", tz = "UTC"),
                                as.POSIXct("2017-01-02", tz = "UTC"),
                                by = "5 min"), 
                     date = lubridate::as_date(time),
                     outcome = sample(seq(70, 120, 1), 289, replace = T))


ggplot(df, aes(x = time, 
               y = outcome, 
               group = ID)) +
  geom_line(aes(color = factor(ID))) + 
  scale_y_continuous(limits = c(0, 150)) +
  scale_x_datetime(date_labels = ("%I %p"),
                   timezone = "GMT", 
                   date_breaks = "4 hours",
                   expand = c(0, 0))

Answer 3

只需添加 大纲：无； 文字修饰：无；

Answer 4

只需在样式文件中添加this.N_temp。

Answer 5

修正：

在我的CSS中发现，已经生成了代码以在a:active上创建大纲。这覆盖了我的代码并删除它修复了问题。

Answer 6

为我工作

我为此战斗了一段时间，这对我以StoreFront为主题的WordPress 5.5.3很有帮助：

a:hover,
a:active {
    outline: none;
    box-shadow: none !important;
}