From d86aa8500ee7e8c6568413ccfc115fe437010727 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Fri, 24 Jan 2014 12:59:12 -0800 Subject: [PATCH] Fix number input button cursor on OS X Chrome Fix the cursor style for Chrome's increment/decrement buttons on `input[type="number"]. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. Fix gh-283 --- normalize.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/normalize.css b/normalize.css index cd2bbee..530ef2d 100644 --- a/normalize.css +++ b/normalize.css @@ -355,6 +355,17 @@ input[type="radio"] { padding: 0; /* 2 */ } +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome