A component has right and bottom css properties that are set using a classname. And I wanted to overide those values using the style prop. But so far I could set numerical values like 10px or 0px and others, but was unable to set it to unset.
So what can I do to set them to `unset`? So far I tried this
JavaScript
x
2
1
<CTAButton position="relative" style={{right:"", bottom:""}}/>2
And
JavaScript
1
2
1
<CTAButton position="relative" style={{right:null, bottom:null}}/>2
Or
JavaScript
1
2
1
<CTAButton position="relative" style={{right:undefined, bottom:undefined}}/>2
Which all failed. How can I do this?
Advertisement
Answer
JavaScript
1
2
1
<CTAButton position="relative" style={{right:"unset", bottom:"unset"}}/>2
unset can be applied to any CSS property, including the CSS shorthand all. Just my suggestion but I am sure that it is allright. Thanks.