设置React Router链接的样式

塞斯·拉森(TheréseLarsson)

问题:我正在使用React Router Links,我不知道如何设置它们的样式(我想更改字体颜色并删除下划线)。

我一直在阅读不同的文档,但仍然不知道该怎么做。一页说只使用NavLink而不是Link。我已经使用NavLink在页面上创建了一个导航栏,并且设置了样式没有问题,但是当导航栏中没有它时,我感觉要使用NavLink,这可能不是正确的选择吗?

代码的 打印画面页面的打印画面

悲伤的青蛙

您可以创建一个名为“ default-link”的className,然后不进行文本修饰。

.default-link{
  text-decoration: none !important;
}

请随时告诉我这是否是您的意思。可以在此处找到一个示例:从链接中删除顽固的下划线

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何覆盖react-router-link链接样式属性?

来自分类Dev

如何使用React正确设置react-router-dom链接

来自分类Dev

Tailwind CSS如何在React中设置href链接的样式?

来自分类Dev

如何从 react-dom-router 模块设置 Link 的样式?

来自分类Dev

React Router深层链接

来自分类Dev

如何设置 React 组件的样式

来自分类Dev

无法设置React-Router

来自分类Dev

如何设置前置HTML超链接的样式?

来自分类Dev

如何设置外部链接(如Wikipedia)的样式?

来自分类Dev

设置单个Ruby链接标签的样式

来自分类Dev

如何设置用echo写的链接的样式?

来自分类Dev

如何设置 WordPress PHP 链接的样式?

来自分类Dev

使用链接测试React Router

来自分类Dev

使用带有可选URL参数的react-router链接设置活动类

来自分类Dev

React.js-正确设置内联样式

来自分类Dev

使用Sass在React中设置SVG样式

来自分类Dev

设置材料UI React组件的样式

来自分类Dev

如何设置react-tabulator表的样式?

来自分类Dev

如何设置React Slick carrousel箭头的样式?

来自分类Dev

使用React设置对象属性的样式

来自分类Dev

设置 React 组件样式的最佳实践

来自分类Dev

如何从组件容器设置 React 组件的样式?

来自分类Dev

单独使用CSS可以将“外部” HTML链接的样式设置为与“相对”链接不同的样式吗?

来自分类Dev

在React Native中与Android OS设置链接

来自分类Dev

如何检测是否设置了react-router?

来自分类Dev

React Router-动态路由设置

来自分类Dev

Redux和React-Router正确设置

来自分类Dev

React-router链接,传入参数

来自分类常见问题

如何设置网页样式,以使href链接显示在段落的右侧

Related 相关文章

热门标签

归档