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

Question

我不确定这是关于 CSS 的。在gatsby-starter-blog links( ) 中有额外的下划线。我的意思是，当你查看源代码时，你会看到 text-decoration: none; 这行得通！（您可以尝试更改下划线、直通等），但是，链接还有其他行，我无法摆脱它们。

标签： cssgatsby

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;
}