链接在gatsby中有一个额外的下划线

Question

我不确定这与CSS有关。在gatsby-starter-blog中，links（）带有下划线。我的意思是，当您查看源代码时，将看到文本修饰：none;这有效！ （您可以尝试将其更改为下划线，直通等），但是，链接还有其他行，我无法摆脱它们。

Answer 1

他们有一个box-shadow道具来提供下划线（这样，它的间距会更宽一些，并且看起来会更好，而不是紧实的下划线）：

a {
  /* This first prop */
  box-shadow: 0 1px 0 0 currentColor;
  color: #007acc;
  text-decoration: none;
}

因此只需使用您的自定义CSS取消即可：

a {
  box-shadow: none;
}

Answer 2

在锚标签的底部边框使用box-shadow属性。将box-shadow: 0 1px 0 0 currentColor;更改为box-shadow: none;将解决您的问题。谢谢

a {
    box-shadow: none;
    color: #007acc;
    text-decoration: none;
}