Material-UI changing the color of inputs floating label
<p>I want to change the color of a floating title for Material-UI's <code>TextField</code>.</p>
<p>As stated in documentation, I pass the object color as <code>floatingLabelStyle</code>:</p>
<pre><code>&lt;TextField floatingLabelStyle={{color: somecolor }} /&gt;
</code></pre>
<p>But this applies to both states of the label - hovering above the input and on the input while out of focus, when it's supposed to be grey.</p>
<p>I guess that I'm overwriting some kind of CSS transition, but have no idea how to make it work. Any suggestions?</p>