悬停下划线- react路由器链接与带样式的组件链接

文章/答案/技术大牛

发布

1回答

javascript、html、css、reactjs、typescript

我使用了两个不同的链接：对于这个带样式的组件链接，当我将鼠标悬停在它上面时，它会被加下划线。我不希望这样的事情发生。: #; color: black; <StyledLink href={'/login'}> SIGN</StyledLink> 第二个链接是这样的

浏览 13提问于2020-04-06得票数 0

回答已采纳

1回答

是否需要npm安装引导和引导CDN或者仅仅其中之一？

reactjs、npm、cdn、react-bootstrap

我看过两种关于反应的教程--靴带。有时，教程展示了如何用React-Bootstrap和引导安装npm install react-bootstrap bootstrap，然后在index.html中添加用于引导的CDN链接。，他制作一个网站反应，反应-引导，反应-路由器和样式-组件。在React主页上，有这样的文本：如果您计划自定义引导Sass文件，或者不想为样式表使用CDN，

浏览 2提问于2020-02-13得票数 0

回答已采纳

2回答

如何使一个反应路由器链接看起来像一个引导按钮与样式的组件和反应-引导？

react-router、styled-components、react-bootstrap

我正在将我的旧css迁移到样式化的组件。我有一个像这样的React路由器链接：我如何实现相同的(使链接看起来像一个启动按钮)与样式的组件和反应

浏览 9提问于2022-01-16得票数 2

3回答

我不能使用Glamorous设计react-router-dom链接的样式

reactjs、react-router、react-router-dom、styled-components、glamorous

对第三方组件应用样式的标准方法不适用于react-router-dom链接。Styling makes NavLink 'unclickable' in react 我有以下代码，除了链接，所有的组件都是样式化的，它必须是样式化的。，所以它不会将其识别为react路由器链接。通常与第三方<e

浏览 55提问于2019-01-16得票数 3

回答已采纳

2回答

如何实现切换效果，以显示下划线在盘旋的反应路由器链路？

javascript、css、reactjs、react-router-dom

我在我的react项目中使用了react路由器-dom节点包来实现路由。在设置路由器链接之后，默认情况下，我使用以下自定义CSS隐藏链接下划线： TextLink: { position: 'relative我的目标是使一个链接，将显示下划线与过渡效果(链接下划线

浏览 0提问于2018-08-07得票数 1

回答已采纳

1回答

如何在react中实现自定义游标组件

reactjs、react-router、event-handling、react-hooks、addeventlistener

基于本文：，我试图在react中创建一个自定义游标组件然而，悬停总是在nav组件链接上工作。我已经设置了一个基本的CodeSandbox，在这里您可以看到nav链接上的悬停是如何工作的，而不是在页面内容链接上(在初始页面加载之后

浏览 1提问于2020-08-22得票数 0

回答已采纳

1回答

如何在反应中用BrowserRouter代替HashRouter

javascript、reactjs、react-router、react-dom

这就是它在本地使用BrowserRouter的工作方式。import { BrowserRouter, Routes ,Route } from 'react-router-dom';import Home from '.element={<Home/>}/

浏览 3提问于2022-08-14得票数 1

2回答

：使用React* Router时悬停状态为"stick“*

css、reactjs、hover

CODESANDBOX链接：我正在学习React，并且我有一个简单的页面设置，其中包含到其他组件的路由设置。标签设置了className，并具有悬停/焦点状态。当我单击其中一个标签来加载另一个组件(页面刷新)时，这些标签的悬停/焦点状态将一直保持，直到我“单击”其他位置。我甚至可以激活其他标签上的悬停状态，而原来的<

浏览 1提问于2021-03-08得票数 1

3回答

React路由器URL更改，但页面仍未更改

reactjs、react-router-dom

我是新的反应和反应-路由器，所以请轻松对我。我已经把开关放

浏览 0提问于2021-07-31得票数 2

回答已采纳

2回答

是否在悬停时删除链接下划线不符合WCAG？

accessibility、wcag、wcag2.0

我正试图找到这个可访问性问题的明确答案。如果默认设置所有链接的下划线..。a {}a:hover {} 链接下划线或其他一些非彩色视觉区分是必要的(当链接是可

浏览 9提问于2022-03-02得票数 0

回答已采纳

2回答

反应材料UI v5与TypeScript的样式

reactjs、typescript、material-ui、styled-components、react-typescript

样式印刷术接受所有默认的排版道具。当我在styled()和样式之间添加时，它也接受额外的道具。const StyledTypography = styled(Typography)<ExtraProps>({})<StyledTypography component={Link} to="

浏览 3提问于2022-03-17得票数 1

1回答

如何针对angular的材料输入进行级别链接？

angular-material2

如何将链接(和其他文本)与angular的material (6.3.3)输入进行级别链接？

浏览 17提问于2018-07-24得票数 0

5回答

为什么红色超链接在悬停时是红色的？

seo、hyperlink

当我们在一个网站或cms上创建一个超链接时，它为什么默认为在悬停红色上加上下划线的文字装饰？是否有一个特定的搜索引擎优化理由背后的悬停红色超链接？我曾多次被告知要强迫超链接的样式与设计相匹配，所以这意味着改变visited a等的css，这对SEO标准是有害的吗？

浏览 0提问于2012-05-01得票数 1

回答已采纳

1回答

如何用useStyles()覆盖标签

reactjs、material-ui

我试图用makeStyles()覆盖React路由器的Link，以删除链接装饰。我是不是不正确地使用makeStyles？默认文本下划线仍然显示。

浏览 6提问于2020-05-03得票数 2

回答已采纳

1回答

我遇到了一些问题，一个组件在遵循它的路线后没有呈现出来。路由是在父组件Drawings中创建的，并向Drawing组件发送几个道具。当我单击该链接时，我将转到正确的路径，例如/drawing/20170724，然后运行我在render函数中拥有的日志语句。我也得到了道具，到目前为止还不错。但是，返回没有发生，所以我需要的HTML不可用。下面是创建路由和链接的Drawings： import <em

浏览 7提问于2017-08-01得票数 1

回答已采纳

4回答

覆盖父Hover

css

我不知道如何禁用悬停效果。我正在使用来自的导航元素，使用我自己的自定义css。一切都很好，这意味着我可以得到我想要的边界，并在边界上悬停效果(边界从灰色变成红色，当我悬停在家)。：在Hover之后：它在悬停期间下划线的原因是因为我的.less中有这样的内容： color: #000000; text-decorati

浏览 1提问于2016-06-16得票数 2

1回答

我可以在react* js中更改路由onmouseenter事件吗？*

reactjs、react-router

当我点击链接路由器链接完美工作，但我如何才能访问路由器链接在鼠标输入事件，请建议me.its类悬停effect.when我悬停路由器链接菜单，它是活动的，并转到链接目的地。import React, { Component } from 'react';import &qu

浏览 1提问于2018-04-09得票数 0

1回答

带有设计的Draft.js初始文本

reactjs、draftjs

我正在使用带有React的Draft.js。用户可以添加带有样式的文本并将其保存到数据库中。我希望用户也能够编辑，所以我使用： EditorState.createWithContent(ContentState.createFromText(text)) 使用文本对编辑器进行首字母缩写，但不显示设计(粗体、带链接插入、下划线等)。如何上传带有设计的初始文本？

浏览 28提问于2021-06-30得票数 0

回答已采纳

1回答

如何在反应路由器自定义链接上添加悬停效果？

reactjs、react-router

我正在使用react路由器自定义链接来突出显示导航栏中的活动路径/链接，并且一切正常工作。但是我不能在这些链接上添加悬停效果。我使用.nav-link a:hover并尝试添加一些样式，但它不起作用。

浏览 6提问于2022-05-05得票数 0

回答已采纳

1回答

反应JS和css伪元素：：后：：

reactjs、sass、pseudo-element

作为一个反应初学者，我目前正在努力使用伪元素::after和：：and来呈现样式化的组件。下面是按钮的sass样式：，这是我试图在React中实现的:使用伪元素在悬停时更改按钮的样式。但是如何在按钮组件的className中使用:后/：：？JSX语法无法在组件className中使用::after /：：the。我能写的就是

浏览 3提问于2020-06-01得票数 0

回答已采纳

点击加载更多