input：checkBox 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .agreeMassage input[type="checkbox"] {
            -webkit-appearance: none;
            background: 
            #fff
             url(boxchose.png);
            height: 21px;
            vertical-align: middle;
            width: 21px;
            outline: none;
            border-radius: 5px;
        }
        .agreeMassage input[type="checkbox"]:checked {
            background-position: 0 -25px;
        }
    </style>
</head>
<body>
    <div class="agreeMassage">
        <div>
            <input type="checkbox">
            <label class="bigPadding">我已阅读《服务政策》</label>
        </div>
    </div>
</body>
</html>

 

posted @ 2015-10-04 12:50  四叶草Clover  阅读(109)  评论(0)    收藏  举报