Refine the style of a radio box, check box

This time to bring you the optimization of the single box, check box style, to optimize the single box, check box style of attention to what, the following is the actual case, together to see.

1. Background map

Html

<p class= "Check-wrappers" >    <span class= "C-checkbox checked" >        <input type= "Radio" Autocomplete= "Off" name= "type" style= "Display:none;" value= "1" checked= "checked" >    </span>    < Span></span></p>

Css

. cart-checkbox.checked {    background-position: -29px 0;}. C-checkbox {    display:block;    width:25px;    height:25px;    margin:0 Auto;    Background:url (/shop-cart.png) no-repeat 0 0;    background-size:60px 120px;}

Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Recommended reading:

You don't know the upset CSS properties

What is the difference between href and src, link, and @import?