diff --git a/css/CalendarMonth.scss b/css/CalendarMonth.scss
index 1b8fc30934..2ef5dffbcc 100644
--- a/css/CalendarMonth.scss
+++ b/css/CalendarMonth.scss
@@ -17,10 +17,10 @@
     border-spacing: 0;
   }
 
-  user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
+  user-select: none;
 }
 
 .CalendarMonth--horizontal {
diff --git a/css/DateInput.scss b/css/DateInput.scss
index a94b8f8dbf..78c01ee35e 100644
--- a/css/DateInput.scss
+++ b/css/DateInput.scss
@@ -50,6 +50,13 @@ $caret-top: $react-dates-spacing-vertical-picker - $react-dates-width-tooltip-ar
   border: 0;
   height: 100%;
   width: 100%;
+
+  &[readonly] {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
 }
 
 .DateInput__display-text {
diff --git a/css/DayPickerNavigation.scss b/css/DayPickerNavigation.scss
index 2bdb179df3..a5e1d88080 100644
--- a/css/DayPickerNavigation.scss
+++ b/css/DayPickerNavigation.scss
@@ -4,10 +4,10 @@
 .DayPickerNavigation__next {
   cursor: pointer;
   line-height: 0.78;
-  user-select: none;
   -webkit-user-select: none; /* Chrome/Safari */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+ */
+  user-select: none;
 }
 
 .DayPickerNavigation__prev--default,