Is it possible to apply inline CSS in a React class component?
Here is an example of the CSS I have:
{
font-size: 17px;
font-family: Segoe UI Semibold;
color: #565656;
text-shadow: 0 1px 1px white;
}
While this CSS works fine when read from a CSS file, I am unable to directly write it in my CSS class as it comes from a library. So, how can I make it inline?
Working Inline CSS Example:
<div style= {{border : "1px solid #ced4da", overflow : "auto", height : "300px"}}>
Not working Inline CSS Example:
<div style= {{font-size: 17px, font-family: Segoe UI Semibold, color: #565656, text-shadow: 0 1px 1px white}}>
Inline CSS only applies in camel case, so how can I overcome this limitation? Is there an alternative solution for this issue?