How to access the :root's element in ReactJS to edit CSS variables?

Asked Jan 19 '19 at 14:42

Active Jan 19 '19 at 14:42

Viewed 1,162 times

I'm working currently with ReactJS and I would access CSS element to edit the CSS variables inside my stylesheet. I have seen some articles talking about access CSS variable using getElementById. The difficulty is that my element doesn't have any ID - it is the :root element on my stylesheet.

How to access it to handle my CSS variables? Any hint would be great, thanks

asked Jan 19 '19 at 14:42

HoCo_

1,302
4
16
33

Simply add a css loader and use :root in your style sheet. – Win Jan 19 '19 at 14:51
thanks for your answer, I have tried to use document.:root on React but it doesn't works – HoCo_ Jan 19 '19 at 14:58
1

`:root` == `html` – dandavis Jan 19 '19 at 14:59
Possible duplicate of [Access CSS variable from javascript](https://stackoverflow.com/questions/41725725/access-css-variable-from-javascript) – Derek Nguyen Jan 19 '19 at 16:05

How to access the :root's element in ReactJS to edit CSS variables?

0 Answers0