checkbox border-radius

css/knacss-unminified.css

@@ -2269,6 +2269,18 @@ button:focus {
 /* use .radio class on input type=radio */
 /* recommanded HTML : <input type="radio" class="radio" name="radio" id="r1"><label for="r1">Click here</label> */
 /* use .switch class on input type=checkbox */
+.checkbox {
+  border-radius: 4px;
+}
+
+.switch {
+  border-radius: 3em;
+}
+
+.radio {
+  border-radius: 50%;
+}
+
 .switch,
 .checkbox,
 .radio {
@@ -2280,7 +2292,6 @@ button:focus {
   cursor: pointer;
   -webkit-box-shadow: inset 0 0 0 1px #333;
           box-shadow: inset 0 0 0 1px #333;
-  border-radius: 3em;
   background: #fff;
 }