Protect root against system color schemes

System color schemes (in particular, custom themes in Windows and Linux
distros) affect Firefox, IE, and Opera. Normalizing the web site/app's
root background and text color prevents these unwanted settings from
being used. Chrome doesn't apply system-level schemes to websites.

Fix gh-170
This commit is contained in:
Nicolas Gallagher 2013-04-01 06:53:47 -07:00
parent a91b3af1a4
commit 121c08273b
2 changed files with 14 additions and 5 deletions

View File

@ -1,5 +1,8 @@
== HEAD == HEAD
* Normalize root `color` and `background` to counter the affects of system
color schemes.
== 1.1.0 (January 21, 2013) == 1.1.0 (January 21, 2013)
* Normalize `text-transform` for `button` and `select`. * Normalize `text-transform` for `button` and `select`.

16
normalize.css vendored
View File

@ -59,16 +59,22 @@ audio:not([controls]) {
========================================================================== */ ========================================================================== */
/** /**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * 1. Prevent system color scheme's background color being used in Firefox, IE,
* and Opera.
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
* Opera.
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units. * `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling * 4. Prevent iOS text size adjust after orientation change, without disabling
* user zoom. * user zoom.
*/ */
html { html {
font-size: 100%; /* 1 */ background: #fff; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */ color: #000; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ font-size: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 4 */
-ms-text-size-adjust: 100%; /* 4 */
} }
/** /**