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;