From 57cfcf432e4fadec5d0240649879c990c21e8564 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 21 Oct 2013 10:01:51 -0500 Subject: [PATCH] reset input :focus styles to nothing --- dist/css/ionic-ios7.css | 9 ++++++++- dist/css/ionic-scoped.css | 9 ++++++++- dist/css/ionic.css | 9 ++++++++- scss/ionic/_reset.scss | 4 ++++ 4 files changed, 28 insertions(+), 3 deletions(-) diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css index f240c80690..305c8cb252 100644 --- a/dist/css/ionic-ios7.css +++ b/dist/css/ionic-ios7.css @@ -198,6 +198,7 @@ legend { * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Remove any default :focus styles */ button, input, @@ -208,7 +209,13 @@ textarea { font-size: 100%; /* 2 */ font-family: inherit; - /* 1 */ } + /* 1 */ + outline-offset: 0; + /* 4 */ + outline-style: none; + /* 4 */ + outline-width: 0; + /* 4 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css index a313a71f2d..30efd9898f 100644 --- a/dist/css/ionic-scoped.css +++ b/dist/css/ionic-scoped.css @@ -91,6 +91,7 @@ * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Remove any default :focus styles */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in @@ -1026,7 +1027,13 @@ font-size: 100%; /* 2 */ font-family: inherit; - /* 1 */ } + /* 1 */ + outline-offset: 0; + /* 4 */ + outline-style: none; + /* 4 */ + outline-width: 0; + /* 4 */ } .ionic button, .ionic input { line-height: normal; } diff --git a/dist/css/ionic.css b/dist/css/ionic.css index 3f7c759b27..8c2ad98766 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -1277,6 +1277,7 @@ legend { * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Remove any default :focus styles */ button, input, @@ -1287,7 +1288,13 @@ textarea { font-size: 100%; /* 2 */ font-family: inherit; - /* 1 */ } + /* 1 */ + outline-offset: 0; + /* 4 */ + outline-style: none; + /* 4 */ + outline-width: 0; + /* 4 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in diff --git a/scss/ionic/_reset.scss b/scss/ionic/_reset.scss index 0627c37fba..59f0773645 100755 --- a/scss/ionic/_reset.scss +++ b/scss/ionic/_reset.scss @@ -233,6 +233,7 @@ legend { * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Remove any default :focus styles */ button, @@ -242,6 +243,9 @@ textarea { margin: 0; /* 3 */ font-size: 100%; /* 2 */ font-family: inherit; /* 1 */ + outline-offset: 0; /* 4 */ + outline-style: none; /* 4 */ + outline-width: 0; /* 4 */ } /**