Radio with diff colors

radio with diff colors

HTML

<div data-role="page">
    <div data-role="header">
        <h1>Page One</h1>
    </div>
    <div data-role="content">
        <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
            <legend>Choose an option:</legend>
            <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked" />
            <label for="radio-choice-1" class="can">Can Meet</label>

            <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"  />
            <label for="radio-choice-2">Not Sure</label>

            <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3"  />
            <label for="radio-choice-3">Decline</label>
        </fieldset>
    </div>
</div>

CSS

.can {
    background-color:green;
}
.ui-radio:nth-child(2) .ui-radio-on {
    background-color:grey;
}
.ui-radio:nth-child(3) .ui-radio-on {
    background-color:red;
}