DevTools: Make labeled checkbox a web component

Source/devtools/front_end/elements/StylesSidebarPane.js

Index: Source/devtools/front_end/elements/StylesSidebarPane.js
diff --git a/Source/devtools/front_end/elements/StylesSidebarPane.js b/Source/devtools/front_end/elements/StylesSidebarPane.js
index 9f1d620a40c7d2ed4604dcd8649070544fa62e71..146d8d3b6e2b5f2f95b136f2131436ca546ef1cd 100644
--- a/Source/devtools/front_end/elements/StylesSidebarPane.js
+++ b/Source/devtools/front_end/elements/StylesSidebarPane.js
@@ -949,14 +949,11 @@ WebInspector.StylesSidebarPane.prototype = {
         function createCheckbox(state)
         {
             var td = createElement("td");
-            var label = createElement("label");
-            var input = createElement("input");
-            input.type = "checkbox";
+            var label = createCheckboxLabel(":" + state);
+            var input = label.checkboxElement;
             input.state = state;
             input.addEventListener("click", clickListener.bind(this), false);
             inputs.push(input);
-            label.appendChild(input);
-            label.createTextChild(":" + state);
             td.appendChild(label);
             return td;
         }