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]
編集
関連記事
Related 関連記事
- 1
Materials-UIでタブコンポーネントのサイズを変更するにはどうすればよいですか？
- 2
codenameoneのコンポーネントのサイズ（幅と高さ）を変更するにはどうすればよいですか
- 3
子コンポーネントをレンダリングせずに、子コンポーネントのサイズに基づいてReactの親コンポーネントのサイズを変更するにはどうすればよいですか？
- 4
vuetifyコンポーネントでフォントサイズを変更するにはどうすればよいですか
- 5
フォームサイズの変更に応じてコンポーネントのサイズを変更できるようにするにはどうすればよいですか？
- 6
Reactでsvgアイコンのサイズを変更するにはどうすればよいですか？
- 7
Flaskサーバーから特定のReactコンポーネントに変更を加えるにはどうすればよいですか？
- 8
Material UI React入力コンポーネントのアウトラインカラーを変更するにはどうすればよいですか？
- 9
コンポーネントのサイズをウィンドウサイズにリンクするにはどうすればよいですか？
- 10
SWTでコンポーネントの親を変更するにはどうすればよいですか？
- 11
ReactNativeでコンポーネントの親を変更するにはどうすればよいですか？
- 12
Reactでコンポーネントのzインデックスを変更するにはどうすればよいですか？
- 13
サードパーティのライブラリからイベントがトリガーされたときに状態を変更するようにReactコンポーネントに指示するにはどうすればよいですか？
- 14
RMWCコンポーネントの属性を変更するにはどうすればよいですか？
- 15
CCDrawNodeコンポーネントの色を変更するにはどうすればよいですか？
- 16
Angular2：親コンポーネントで子供にどのサイズにするかを指示するにはどうすればよいですか？
- 17
「kafkaconnect」コンポーネントポートを変更するにはどうすればよいですか？
- 18
Windows 10でサムネイル（アイコン）のデフォルトサイズを変更するにはどうすればよいですか？
- 19
コンポーネントの状態を別のコンポーネントから変更するにはどうすればよいですか？
- 20
コンポーネントの外部でコンポーネントの状態を変更するにはどうすればよいですか？
- 21
CodenameOneの利用可能なスペースに収まるように、複数のコンポーネントのサイズを垂直方向に変更するにはどうすればよいですか？
- 22
親コンポーネントの状態を子コンポーネントから変更するにはどうすればよいですか？
- 23
パスの変更時にReactコンポーネントを再レンダリングするにはどうすればよいですか？
- 24
子コンポーネントの親コンポーネントのnavigationOptionsを変更するにはどうすればよいですか？
- 25
アンカーを削除するときにコントロールのサイズ変更を停止するにはどうすればよいですか？
- 26
tabItemのアイコンのサイズを変更するにはどうすればよいですか？
- 27
Reduxの状態変更に基づいてReactコンポーネントのsetState（）を作成するにはどうすればよいですか？
- 28
Swiftのセグメント化されたコントロールでtextLabelのサイズを変更するにはどうすればよいですか？
- 29
グーグルマップのウェブサイトでアイコンのサイズを変更するにはどうすればよいですか？
コメントを追加