From 5b2d933524616c9948c9e5229c14e109aa83727a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Jul 2013 19:49:29 -0700 Subject: [PATCH] Fixes #8350: unfuck Chrome number input element cursor /cc @cvrebert @eintnohick --- docs/assets/css/bootstrap.css | 4 ++++ less/forms.less | 10 ++++++++++ 2 files changed, 14 insertions(+) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index cb80d5c36f..6a426850af 100644 --- 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 ea340007c9..45f4537893 100644 --- 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 // -------------------------