How could change the color for checkbox/radio?

[hekomobi]

Hi everyone,

I try to change color to checkbox/radio with CSS3 class into ../resources/css/sencha_touch.css but I didn't changed.

this is code:

.x-checkmark-base,.x-item-selected .x-list-selected:before,.x-item-selected .x-list-selected:after,.x-field .x-input-radio:after,.x-field .x-input-checkbox:after,.x-field .x-input-radio:checked:after,.x-field .x-input-checkbox:checked:after {
    content:"";
    position:absolute;
    width:0.75em;
    height:1.25em;
    top:50%;
    left:auto;
    **-webkit-transform:rotate(45deg) skew(5deg);**
    -webkit-transform-origin:50%50%;
    right:1.1em;
    border:.35em solid;
    border-top:none;
    border-left:none;
    margin-top:-0.75em;
    **background: green;**
}

and next image show checkbox/radio actually

color.change.png

Please help me.

[mitchellsimoens]

Did you inspect the DOM to see what is going on on that element?

[hekomobi]

Yes, this element draw icon, but I didn't to change color icon on -webkit-transform:rotate(45deg) skew(5deg); this instruction draw icon, please help me @mitchell