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
This commit is contained in:
Nicolas Gallagher 2014-01-24 12:59:12 -08:00
parent 4b94eb7d4d
commit d86aa8500e

11
normalize.css vendored
View File

@ -355,6 +355,17 @@ input[type="radio"] {
padding: 0; /* 2 */ 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. * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome