如何覆盖第三方react组件的默认样式？

文章/答案/技术大牛

发布

4回答

在样式化的组件中设置嵌套组件的样式

javascript、reactjs、styled-components、css-in-js

我已经使用样式组件在React中创建了一个下拉组件。以下是该组件的简化概要： <DropdownBase> {title} </Trigger>，我希望能够覆盖嵌套组件的默认样式(即DropdownBase、Trigger和Submenu)。我希望能

浏览 3提问于2020-01-15得票数 11

2回答

css、reactjs

我正在处理的项目使用react-responsive-carousel组件，但是，尽管有一个属性可以更改箭头图标，但是没有一个属性可以增加按钮本身的宽度。有没有办法用自定义css覆盖组件上的填充？ ? ?

浏览 38提问于2020-04-14得票数 2

回答已采纳

3回答

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

javascript、html、css、reactjs

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

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

回答已采纳

1回答

prop本机:改变第三方组件的样式支柱

javascript、reactjs、react-native、styles

我正在构建一个应用程序使用RAP原住民，并试图改变一个第三方组件的样式。我该如何覆盖这个道具？我正在尝试将marginTop道具更改为0(按照文档，当前设置为20 )。

浏览 1提问于2018-03-25得票数 2

回答已采纳

2回答

React原生表单设计

react-native

我想在react native中创建具有材料输入文本的表单。与此处所示的相同 import React, { Component } from "react"; native"; export default class App exten

浏览 6提问于2018-12-03得票数 0

1回答

是否可以全局定义链接以使用特定组件？

office-ui-fabric、office-ui-fabric-react

我目前正在尝试在react-router中使用Nav。默认行为是重新加载页面，所以我尝试使用react-router-dom中的Link组件。比如定义一个全局链接呈现函数，然后我可以将其设置为从react-router-dom呈现Link组件

浏览 11提问于2020-05-08得票数 1

1回答

React.js内联样式-如何从node_modules样式组件

javascript、css、reactjs

我目前使用的Draft.js在我的反应应用程序。它通过node_modules加载，然后在组件中使用，例如：..。中所描述的那样，我可以使用内联样式(如h1或editorWrapper div )对自己的组件(和div等)进行样式设计。现在，尝试将编辑器(node_modules组件)的样式设置为相同的

浏览 3提问于2016-09-19得票数 0

回答已采纳

1回答

想要对带有React* Material UI的可过滤多选组件使用第三方库"react-picky“，但与Material Design不一致*

javascript、reactjs、typescript、material-ui

如何使任何第三方组件的样式一致或具有相同的外观和感觉材料设计是否有任何方法，否则某些组件将与其他React material UI组件完全不一致请给出建议

浏览 11提问于2019-11-05得票数 0

2回答

样式组件-覆盖默认标题

reactjs、styled-components

如何用样式组件主题覆盖全局默认标题？对于我所做的颜色：import { ThemeProvider } from "styled-components"; ${props => props.theme.colors.main} 我想覆盖默认的标题。*

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

回答已采纳

1回答

样式组件不覆盖内联样式

javascript、css、reactjs、styled-components、css-in-js

我试图覆盖第三方组件内联样式。因此，我使用&[style]覆盖内联样式，但这是行不通的。import React from 'react'; import CookieConsent from 'react</

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

回答已采纳

1回答

React本机:覆盖外部组件的样式

javascript、node.js、npm、styles、react-native

我从npm下载了一个工作非常好的组件，但是我想知道是否有一种方法可以覆盖这个组件的默认样式？就像我使用CSS时可以覆盖样式一样。当前在位于index.js中的组件的node_modules/react-native-floating-label-text-input文件中定义了样式。我想做这样的事情： <Floa

浏览 9提问于2016-02-21得票数 3

1回答

在react本机中更改第三方组件的样式

react-native

我经常看到第三方react原生组件不提供粒度访问来更改其样式。在web上，我们可以根据不同的CSS类来定位和设计不同的部件。如果react原生组件没有为更改样式提供足够的支持，该如何更改其样式呢？

浏览 48提问于2019-05-25得票数 0

1回答

ReactJS样式化的上下文样式-组件

css、reactjs、styled-components

我在使用样式组件时遇到了问题，我不确定这是技术上的限制，还是我关于如何使用它们的思维模型是错误的。我希望能够在任何地方使用该组件，所以它的样式非常简单：import React from 'react'; import styled from 'styled-components，但在这种情况下，我希望在这个

浏览 2提问于2017-03-31得票数 3

回答已采纳

0回答

React-如何使用本地范围的css和来自第三方组件的css

javascript、reactjs、react-select、css-modules、react-css-modules

我使用以下命令在本地限定css文件的范围localIdentName: "[name]__[local]_[hash:base64:5]" 在webpack.config.dev/Component.css‘导入样式为组件定义的样式。现在我正在尝试使用react-select第三方组件。现在组件有了我想要使用的预定义样式。要使用它，我按如

浏览 6提问于2018-07-18得票数 3

回答已采纳

2回答

使用CSS模块和第三方包

javascript、css、reactjs、webpack、css-modules

下面是我的webpack.config.js文件的相关部分： loaders: [ test: /\.css$/,$/, loader: "babel-loader" ]当我编写自己的css并将它与我的React组件一

浏览 3提问于2016-11-18得票数 4

1回答

MUI TablePagination使用自定义Popper的能力

reactjs、material-ui

我希望能够使用我自己构建的自定义Popper组件，一些MUI组件，比如AutoComplete，可以通过提供道具PopperComponent来实现这一点，但是TablePagination除了向它们的有人知道如何利用自定义的Popper组件和MUI TablePagination组件吗？为了快速参考，下面是上面提到的每个组件的API文档 TablePagination - AutoComplete

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

1回答

覆盖第三方组件属性

reactjs、react-props

我为一个名为Carousel的第三方组件准备了一个道具renderIndicator。下面的代码显示了renderIndicator的默认代码，可以在包/组件的源代码中找到。renderIndicator: ( aria-label

浏览 0提问于2021-09-14得票数 0

1回答

如何检测什么覆盖了ReactJS组件的css属性？

javascript、css、reactjs

:) 在后来的开发中，随着我向页面添加了更多的复杂性，日历变得完全变形，只显示清晰，如下所示：我认为有什么东西覆盖了我的日历的css属性，并尝试将其放在应用程序div之外，如下所示： <

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

1回答

WPF设置深层嵌套元素的样式

wpf

我不能覆盖我以一种干净的方式使用的第三方组件的默认样式属性。可视化树如下所示：--B--------------TextBlock<Style <Style.Resources在live visual tree中，我确认

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

2回答

React -添加新类时覆盖所有以前的碰撞样式

css、reactjs、css-modules、react-css-modules

我已经看到了很多关于这个话题的帖子，但似乎没有一条对我来说是我想要的方式。我有一个React组件，它接受className作为道具。我还有一个HOC，它接受一个组件和默认样式，并返回一个接受新样式的组件，如下所示： function withCombinedStyles(WrappedComponent, defaultClassName我想让newClassName始终覆盖与defaultClas

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

点击加载更多

在样式化的组件中设置嵌套组件的样式