html - Gatsby 链接无法正确呈现

标签 html css reactjs gatsby

我不确定这是否是一个 gatsby 问题,我对一般的 Web 开发还很陌生。我在 gatsby 中创建了一个元素,我的全局布局具有深蓝色背景。我为内部链接添加了代码,如下所示:

<p>I am a <Link to="/developer/" className={styles.clickity}>Software Developer</Link>

css 类如下所示:

.clickity {
    text-decoration: none;
    color: #AFAF6D;
}

这样做的结果是链接看起来像一个油炸的模因,即 just weird (screenshot)

有什么我遗漏的吗?

最佳答案

看起来它有一个 text-shadow 属性。我将设置 text-shadow: none

关于html - Gatsby 链接无法正确呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55156305/

相关文章:

angularjs - 剑道下拉列表占位符

html - iPhone 3GS 上的标题显示不正确

css 文件中的 Javascript 颜色代码变量(React JS)

reactjs - 使用 react-navigation 测试 onClick

html - 仅使用CSS定位按钮之一

javascript - 如何通过从谷歌电子表格检索数据来在谷歌地图中显示多个位置?

javascript - jQuery 滚动到页面底部锁定/断断续续/抖动滚动

css - 包括宽度和高度的边距

javascript - 在响应问题上覆盖 css 元素

javascript - 在组件中作为 prop 访问调度函数