Merge pull request #2849 from Xotic750/checkbox_tabindex

Checkbox: Tabindex WIP

src/components/checkbox/checkbox.vue

@@ -1,10 +1,14 @@
 <template>
-    <label :class="wrapClasses">
+    <label 
+        :class="wrapClasses" 
+        @keydown.space.prevent="$el.click()"
+        tabindex="0">
         <span :class="checkboxClasses">
             <span :class="innerClasses"></span>
             <input
                 v-if="group"
                 type="checkbox"
+                 tabindex="-1"
                 :class="inputClasses"
                 :disabled="disabled"
                 :value="label"
@@ -14,6 +18,7 @@
             <input
                 v-if="!group"
                 type="checkbox"
+                 tabindex="-1"
                 :class="inputClasses"
                 :disabled="disabled"
                 :checked="currentValue"

src/styles/mixins/checkbox.less

@@ -236,6 +236,14 @@
         font-size: @font-size-small;
         display: inline-block;
         margin-right: 8px;
+        outline: 0;
+        &:focus,
+        &:active {
+            & .@{checkbox-prefix-cls}-inner {
+                box-shadow: 0 0 0 2px fade(@primary-color, 20%);
+            }
+        }
+
         &-disabled{
             cursor: @cursor-disabled;
         }