css - -webkit-transform に色を付けるには?

Question

色または背景色を-webkit-transform:rotate(45deg) skew(5deg);付けようとしていますが、試していません。私を助けてください。

私は Sencha Touch のこのコードを持っています:

.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;**
}

チェックボックス/ラジオの色を変更するにはどうすればよいですか?

次の画像ショー

Answer 1

背景の代わりに境界線の色を使用します。

border-color: green;