[SalesForce] How to change the color of the check mark in a ui:inputcheckbox

I am trying to set the color of my check mark. This is the code: 

<div class="slds-form-element__row">
    <div class="slds-form-element">
        <label class="slds-checkbox">
            <ui:inputCheckbox aura:id="marketing" class="slds-input" value="{!v.identityRequest.Marketing__c}" change="{!c.onChange}" />
            <span class="slds-checkbox--faux"></span>
        </label>
    </div>
</div>

example

This is how it needs to look like.

Reading the documentation leaves me a bit confused, anybody an idea?

Best Answer

Try this:

<div class="slds-form-element">
    <div class="slds-form-element__control">
        <label class="slds-checkbox">
            <ui:inputCheckbox value="" />
            <span class="slds-checkbox--faux" />
            <span class="slds-form-element__label">Checkbox</span>
        </label>
    </div>
    </div>

If it works mark it as best answer!

Related Topic