** Problem **

I want to change the default color of the username and password when I fill something in. The labels are fine (white as defined), but the value entered are still not changing.

Expected behavior

Using the code below should change the default color of the input to use the white color (When in focus and not in focus)

Actual behavior

The username entered is still dark-grey (default color define for .form-control). and it is not overwriting the form-control class color.

Resources (screenshots, code snippets etc.)

                <mdb-input    
                  id="username_id"
                  v-model="username"
                  label="Username"
                  labelColor="white"
                  icon="user"
                  iconClass="my-icon-class"
                  required
                />

#username_id { color: white; }

#username_id:focus { color: white; }