diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss
index 4dfcb88994..6b6c1be55e 100644
--- a/src/components/checkbox/checkbox.scss
+++ b/src/components/checkbox/checkbox.scss
@@ -26,6 +26,16 @@
 
 }
 
+.checkbox[aria-disabled=true] {
+  pointer-events: none;
+  opacity: 0.5;
+  color: gray;
+
+  .media-checkbox {
+    color: inherit;
+  }
+}
+
 .checkbox .item-media,
 .checkbox .item-content {
   pointer-events: none;
diff --git a/src/components/checkbox/test/basic/main.html b/src/components/checkbox/test/basic/main.html
index 3b4de472b6..edbf3ed50e 100644
--- a/src/components/checkbox/test/basic/main.html
+++ b/src/components/checkbox/test/basic/main.html
@@ -6,8 +6,9 @@
     <div class="content" style="background: #efeff4">
 
       <ion-list>
+
         <ion-list-header>Some Checkboxes</ion-list-header>
-        
+
         <ion-checkbox [checked]="true">
           Apples
         </ion-checkbox>
@@ -16,11 +17,10 @@
           Bananas
         </ion-checkbox>
 
-        <ion-checkbox>
+        <ion-checkbox [disabled]="true">
           Oranges
         </ion-checkbox>
 
-
       </ion-list>
 
     </div>