Fixes #8350: unfuck Chrome number input element cursor /cc @cvrebert @eintnohick

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index cb80d5c36f0e0e1c9a9a7051a59b6ab9539573e7..6a426850afd320faab501e692b319b9c22a14cc4 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1486,6 +1486,10 @@ input[type="checkbox"]:focus {
   outline-offset: -2px;
 }
 
+input[type="number"]::-webkit-outer-spin-button input[type="number"]::-webkit-inner-spin-button {
+  height: auto;
+}
+
 input:-moz-placeholder,
 textarea:-moz-placeholder {
   color: #999999;

diff --git a/less/forms.less b/less/forms.less
index ea340007c9cfce7798ff6c51ae5396d84452795b..45f4537893e3be22e8252de14d0c9ebc348d4b54 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -149,6 +149,16 @@ input[type="checkbox"]:focus {
   .tab-focus();
 }
 
+// Fix for Chrome number input
+// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
+// See https://github.com/twitter/bootstrap/issues/8350 for more.
+input[type="number"] {
+  &::-webkit-outer-spin-button
+  &::-webkit-inner-spin-button  {
+    height: auto;
+  }
+}
+
 
 // Placeholder
 // -------------------------