带有React样式组件的伪元素

文章/答案/技术大牛

发布

1回答

css、reactjs、styled-components

我已经查找了几个答案，感觉我正在以完全相同的方式设置它，但它不起作用。我的文档的index.css设置了一个渐变背景，效果很好。然后我有了我的页脚，这也是有效的。如果我这样做，背景图像会出现，但整个页脚会受到不透明度的影响，这当然是一个糟糕的结果。color: white; opacity: 0.25;` 但是如果我这样做，如果我只想要背景图像是

浏览 27提问于2020-10-16得票数 0

1回答

如何设置带样式部件的悬停伪选择器

reactjs、css-selectors、styled-components、pseudo-element

在styled-components中使用React，我想知道如何设置伪选择器，比如:在元素悬停之前或之后。这是css示例：那么，如何用带有样式的组件来翻译红色矩形的css代码呢？

浏览 2提问于2022-01-31得票数 0

1回答

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

reactjs、sass、pseudo-element

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

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

回答已采纳

2回答

使用React自定义`::-webkit-scrollbar`

css、reactjs、scrollbar、inline

如何使用React中的内联样式将::-webkit-scrollbar伪元素应用于组件？

浏览 0提问于2017-11-17得票数 13

回答已采纳

1回答

锚链接的react内联样式是什么？

reactjs

我正在尝试设置这个锚标签的标准属性，但是我不确定语法。如何设置链接颜色、访问颜色、悬停、活动等 ???

浏览 1提问于2018-01-27得票数 1

1回答

如何使用Styledcomponents库禁用IE11放置到文本框中的清除按钮？

reactjs、styled-components

我想告诉您，显示输入元素的“清晰字段”是IE11浏览器的行为。解决方法是使用以下样式： display: none;现在，在使用react中的样式组件库时，如何编写伪代码呢？谢谢

浏览 1提问于2018-06-11得票数 0

回答已采纳

1回答

更改React组件的<a>标记文本颜色

reactjs、colors、hyperlink、components

我试图更改标签链接的文本颜色。但不起作用。我不明白在"testBoXStyle“var中的组件类中，"a:link”和“a:a”语法应该如何看待。组件的代码： constructor(props){ super(props);

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

1回答

在伪元素react和样式化组件之后有条件地显示

css、reactjs、styled-components

我正在使用带有样式的组件的react，我有一个可调整大小的面板，其中一个面板包含一个iframe。我试图通过使用after伪元素并有条件地设置背景滤镜来修复拖动问题，然而，让after元素总是窃取点击事件。有没有办法有条件地显示“&：after”元素，而不仅仅是背景滤镜？

浏览 18提问于2021-02-26得票数 0

回答已采纳

1回答

CSS : Web组件中的主机与CSS类

css、web-component

对于一个普通的React/Vue组件，我通常会创建一个自定义的CSS类，并使用它来设置组件的样式，如下所示： ...</div> } 对于web组件，有一个额外的选项来使用:host伪选择器。我知道它可以用来将样式应用到web组件HTML元素本身

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

3回答

嵌入式React + JSS组件:如何保护像<button>、<p>这样的泛型元素不包含页面的样式？

javascript、html、css、reactjs

我有一个嵌入到其他网页中的React组件(例如，通过扩展或作为第三方嵌入工具)。它的大多数样式类都是使用JSS创建的，这些类具有惟一的类名，不能被包含页面覆盖。但是，我们的一些元素是泛型元素(例如<p>、<button>、<h1>、<h2>等)。出于可访问性的原因，我们必须使用它(例如，屏幕阅读器需要<hX>分层标题，很难避免使用butt

浏览 30提问于2020-07-27得票数 7

回答已采纳

1回答

是否有一个下拉组件，允许在桌面上自定义样式选项，但在移动设备上的本机行为？

html、css、reactjs、select、dropdown

我可以使用哪个组件来在桌面上拥有一个带有自定义样式<option>元素的<select>下拉列表，同时又能够在移动设备上保持原生行为？在我看来，<option>元素的样式有限(似乎只有background-color、font-size和color可以使用)。我尝试过的一些带有样式的下拉列表，比如bootstrap-select、reac

浏览 12提问于2019-12-17得票数 0

回答已采纳

1回答

React样式-组件：：在传递函数时未显示的伪元素之前和：：

javascript、reactjs、styled-components

我希望将::before和::after伪元素添加到css样式--来自样式的对象--组件中，这样我就可以在多个其他样式元素中重用它们(在示例代码中，我是为AboutWrapper做的)。相反，当我在代码中转换他们的位置时。我注意到，当我注释掉设置top、left和bottom并用常量值替换它们的函数时，会出现两个伪元素。有什么问题吗？不幸的是，S

浏览 8提问于2022-12-01得票数 0

1回答

如何将一个反应组件按单词拆分，以便对每个单词应用不同的样式？

javascript、reactjs

我有一个React组件，它呈现一个带有标题和某些内容的页面。 Page组件通过对标题中的所有单词(由空格分隔)应用不同的样式来呈现标题。当标题是字符串(我可以使用title.split(' ').)时，它可以正常工作，但是在某些情况下，我需要使用JSX元素作为标题。我使用React进行翻译，并使用<FormattedMessage id='...'/>翻译

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

回答已采纳

2回答

我已经和React一起工作了一段时间了，我似乎找不到一种很好的方式来设计React组件。可以这样做的一种方法是使用内联样式，但您不能访问伪元素(如:after和:hover )，这要求您使用javascript处理所有“事件”(因为您可以使用css来处理这些“事件”)。另一种方法是使用样式加载器，但如果您想更新UI，就需要更改类.(在我看来，这并不是很“自然”的)。或者，您可以使用混合的aproac

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

回答已采纳

3回答

如何在样式化组件中动态呈现styled之前的内容

reactjs、styled-components

我在样式化组件中动态地呈现之前的伪内容时遇到了麻烦。当我静态地呈现之前的伪内容时，我没有问题，但当我动态尝试它时，它就不起作用了。React组件 <Text before={12345}> </Text> };

浏览 2提问于2017-09-21得票数 13

回答已采纳

3回答

如何在Reactjs web应用程序中使用媒体打印

javascript、html、reactjs、css

<div className="contacts"></div>你知道我怎么才能在Reactjs上实现这样的目标吗？

浏览 1提问于2018-10-18得票数 12

回答已采纳

1回答

在数组中呈现react元素时，CSS转换无法正常工作

javascript、css、reactjs、css-transitions

当在带有CSS转换数组中呈现react组件时，数组将被重新排序并更改样式，我发现只有向上的元素才有转换，而元素向下的元素没有应用转换。我希望所有的元素在渲染后样式都会改变，应该会有过渡保留在上面。下面是针对该问题的代码。感谢大家的帮助。提前感谢

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

1回答

镭反应伪选择器

javascript、reactjs、radium

我真的在抓挠我的头如何使用伪选择器的反应。我遇到了许多使用Radium的答案，但我无法在代码中实现这一点。任何帮助都是非常感谢的。以下是反应部分：import Radium from 'radium'; input[type="text

浏览 1提问于2019-02-07得票数 1

1回答

如何将脉轮-ui样式应用于自定义组件？(反应-数据报警器)

reactjs、react-datepicker、chakra-ui

我想通过Chakra样式为我的Datepicker组件定义样式。import DatePicker from 'react-datepicker';importStyledDatepicker提供一些样式，如上面的代码所示，但是我想在一个单独的样式.t

浏览 5提问于2022-02-15得票数 1

回答已采纳

2回答

如何使用React.createElement添加悬停css样式

javascript、css、reactjs

我正在用React.createElement创建一个按钮因此，css样式之一在

浏览 5提问于2021-12-17得票数 0

点击加载更多