diff --git a/src/components/checkbox/_checkbox.scss b/src/components/checkbox/_checkbox.scss
index 3a1acdea3fb..f4836b41552 100644
--- a/src/components/checkbox/_checkbox.scss
+++ b/src/components/checkbox/_checkbox.scss
@@ -7,6 +7,7 @@ md-checkbox {
white-space: nowrap;
cursor: pointer;
outline: none;
+ user-select: none;
.md-container {
position: relative;
@@ -76,5 +77,6 @@ md-checkbox {
vertical-align: middle;
white-space: normal;
pointer-events: none;
+ user-select: text;
}
}
diff --git a/src/components/checkbox/demoBasicUsage/index.html b/src/components/checkbox/demoBasicUsage/index.html
index 259f77f77af..96decc482f0 100644
--- a/src/components/checkbox/demoBasicUsage/index.html
+++ b/src/components/checkbox/demoBasicUsage/index.html
@@ -9,7 +9,7 @@
Checkbox 2: {{ data.cb2 }}
-
+
Checkbox (Disabled)
@@ -17,7 +17,7 @@
Checkbox (Disabled, Checked)
-
+
Checkbox (No Ink)
diff --git a/src/components/checkbox/demoBasicUsage/script.js b/src/components/checkbox/demoBasicUsage/script.js
index 88f647cf7ea..d113d32bb99 100644
--- a/src/components/checkbox/demoBasicUsage/script.js
+++ b/src/components/checkbox/demoBasicUsage/script.js
@@ -6,5 +6,8 @@ angular.module('checkboxDemo1', ['ngMaterial'])
$scope.data = {};
$scope.data.cb1 = true;
$scope.data.cb2 = false;
+ $scope.data.cb3 = false;
+ $scope.data.cb4 = false;
+ $scope.data.cb5 = false;
});