{"version":"1.0","provider_name":"Career Karma","provider_url":"https:\/\/careerkarma.com\/blog","title":"Learn How to Customize Checkboxes and Radio Buttons with Pure CSS","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"GYAyTuT3to\"><a href=\"https:\/\/careerkarma.com\/blog\/css-input-checkbox-radio\/\">Learn How to Customize Checkboxes and Radio Buttons with Pure CSS<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/careerkarma.com\/blog\/css-input-checkbox-radio\/embed\/#?secret=GYAyTuT3to\" width=\"600\" height=\"338\" title=\"&#8220;Learn How to Customize Checkboxes and Radio Buttons with Pure CSS&#8221; &#8212; Career Karma\" data-secret=\"GYAyTuT3to\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/careerkarma.com\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1470948062737-aeb014e274c2.jpg","thumbnail_width":1000,"thumbnail_height":693,"description":"There are times when you use a radio or checkbox HTML element and the default appearance isn\u2019t what is needed for your project. With CSS, you can customize the appearance of your inputs so that it flows the way you\u2019d like."}