如何更改React组件的大小?

THE_

这是我使用的组件-https: //github.com/effectussoftware/react-custom-roulette/我看到它限制了轮盘赌的大小-

export const RouletteContainer = styled.div`
  width: 80vw;
  max-width: 445px;
  height: 80vw;
  max-height: 445px;
`;

我试图在App.css中覆盖它-

div .wheel { // also tried .RouletteContainer, .wheel
  max-width: 700px;
  max-height: 700px;
}

但这没有帮助。

我在控制台中看到以下内容- 在此处输入图片说明

安迪·麦卡洛

尝试

.wheel > div:first-child {
  max-width: 700px;
  max-height: 700px;
}

据我所知,样式适用于div的孩子.wheel如果以正确的节点为目标,但特异性不足以覆盖其样式,则可能必须将其标记为!important

:first-child 也是我猜测该节点将始终是第一个div,您可以根据其DOM节点结构实际是什么来更新它

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在React Native中更改开关组件的大小?

如何在不渲染子组件的情况下根据子组件的大小更改React父组件的大小?

如何更改React组件的属性?

React+Material UI:如何更改 Select 组件的字体大小?

React+Material UI:如何更改 Select 组件的字体大小?

React如何获取组件以检测路线更改

如何更改React组件中的Reactid后缀

如何更改React组件的子属性

如何更改类组件以在 React 中运行?

如何在vuetify组件中更改字体大小

React获取组件大小

如何从 React 中的子组件更改父组件中的状态?

React:如何更改已呈现的组件以传递给同级组件?

如何在 React 中从父组件更改子组件的属性?

渲染前如何获取React组件的大小(高度/宽度)?

如何在React语义UI中调整表组件的大小?

更改React组件的状态

React Native:如何从子组件更改父组件的状态并重新渲染父组件?

react:如何从其父级更改子组件(功能组件,而不是类组件)的状态?

React.js:如何更改组件项的位置

ReactJS-如何更改React组件的样式和类?

属性更改时如何重新渲染React组件

如何在类组件 React Native 中更改 useEffect?

react-router如何防止组件因路由更改而卸下?

React:如何将组件更改为函数?

更改React路线时如何隐藏子组件

React组件prop更改时如何获取数据?

如何基于Redux状态更改使React组件setState()?

如何在路径更改时重新渲染React组件?