Add CSS to react created elements like data-reactroot

Question

Under my root div react creates another div \"automatically\". Is there a way to add a class to that div? I need to add height: 100% to it to prevent the background content to s

Answer 1

If you want to use in-line css, just make your top div position is absolute and left, top, right, bottom is zero. So if you inspect the element:

<div id="root">
  <div data-reactroot>
    <div style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px>
       ....

Answer 2

#root > [data-reactroot] { height: 100% } in your CSS should work.

Or just the tag itself:

[data-reactroot] { ... }

Answer 3

So simple by using the id reference

#root{
  /* your css here! */ 
}