css3 中的content 使用方法。

要求：更改input radio 和checkbox的原始样式。当点击之后使用content 在元素的后面生成一个width height 分别是20px 的div 通过固定定位使其原始radio或者checkbox被覆盖。    然后就可以写background样式了。

input[type=checkbox]:checked:after{

    width:20px;
    height:20px;
    content:"" ;
    background: url(../img/code.png) center center no-repeat;
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: #2489c5;
    border:none;
}