title: how to change label color when input field is focus in react js
body: <p>could you please tell me how to change label color when the input field is focused in react js  I am using <code>semantic UI</code> </p>
  
  <p><a href="https://react.semantic-ui.com/collections/form/#types-form" rel="nofollow noreferrer">https://react.semantic-ui.com/collections/form/#types-form</a>
  here is my code</p>
  
  <pre><code>&lt;Form&gt;
      &lt;Form.Field&gt;
        &lt;label&gt;First Name&lt;/label&gt;
        &lt;input placeholder="First Name" /&gt;
      &lt;/Form.Field&gt;
      &lt;Form.Field&gt;
        &lt;Checkbox label="I agree to the Terms and Conditions" /&gt;
      &lt;/Form.Field&gt;
      &lt;Button type="submit"&gt;Submit&lt;/Button&gt;
    &lt;/Form&gt;
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/semantic-ui-react-example-i6crv" rel="nofollow noreferrer">https://codesandbox.io/s/semantic-ui-react-example-i6crv</a></p>