{"id":2063,"date":"2017-04-15T16:03:15","date_gmt":"2017-04-15T08:03:15","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2063"},"modified":"2017-04-15T16:03:15","modified_gmt":"2017-04-15T08:03:15","slug":"css-%e7%bb%98%e5%88%b6checkboxradio","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2063","title":{"rendered":"css \u7ed8\u5236checkbox,radio"},"content":{"rendered":"
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>\u590d\u9009\u6846\u6548\u679c<\/title>\r\n    <style>\r\n        form{border: 1px solid #ccc;padding: 20px;width: 300px;margin: 30px auto;}\r\n        .wrapper{margin-bottom: 10px;}\r\n        .box{display: inline-block;position: relative;width: 20px;height: 20px;border: 2px solid orange;}\r\n        .box input{position: absolute;top: 0;left: 0;top: -3px;left: -4px;width: 21px;height: 21px; opacity: 0;cursor: pointer;z-index: 5; }\r\n        .box span{position: absolute;top: 1px; right: 6px;font-size: 19px;font-weight: bold;font-family: Arial; -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg);color: orange;}\r\n        input[type=\"checkbox\"]+span{opacity: 0;}\r\n        input[type=\"checkbox\"]:checked+span{opacity: 1;}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\u524d\u7aefABC-qdabc.cn   \u5b66\u4e60\u524d\u7aef\u77e5\u8bc6\r\n<form action=\"#\">\r\n    <div class=\"wrapper\">\r\n        <div class=\"box\">\r\n            <input type=\"checkbox\" checked id=\"userName\" \/><span>\u221a<\/span>\r\n        <\/div>\r\n        <label for=\"userName\">\u6211\u662f\u9009\u4e2d\u72b6\u6001<\/label>\r\n    <\/div>\r\n    <div class=\"wrapper\">\r\n        <div class=\"box\">\r\n            <input type=\"checkbox\" id=\"userNum\" \/><span>\u221a<\/span>\r\n        <\/div>\r\n        <label for=\"userNum\">\u6211\u662f\u672a\u9009\u4e2d\u72b6\u6001<\/label>\r\n    <\/div>\r\n<\/form>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » css \u7ed8\u5236checkbox,radio<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[52,28,203],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2063"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2063"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2063\/revisions"}],"predecessor-version":[{"id":2064,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2063\/revisions\/2064"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2063"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}