fix(input): IE perf with attribute selectors for ngMessages

IE manifest huge performance issues with attribute selectors.
Reproduce this very easily using `UI Responsivess` tab in IE11 developer tools:

*  duplicate the amount of ` :not` selectors prefixed with space and
*  measure the time it takes for IE to calculate layout(in green).

Closes #7360

# Conflicts:
#	src/components/input/demoErrors/index.html

Author: Nissan Hanina

src/components/input/demoErrors/index.html

@@ -5,7 +5,7 @@
 
       <md-input-container class="md-block">
         <label>Description</label>
-        <input md-maxlength="30" required name="description" ng-model="project.description">
+        <input md-maxlength="30" required md-no-asterisk name="description" ng-model="project.description">
         <div ng-messages="projectForm.description.$error">
           <div ng-message="required">This is required.</div>
           <div ng-message="md-maxlength">The name has to be less than 30 characters long.</div>
@@ -57,10 +57,11 @@
             doubt event Bill Clinton could afford that.
           </div>
         </div>
-        <p>
-          Make sure to include <a href="https://docs.angularjs.org/api/ngMessages" target="_blank">ngMessages</a> module when using ng-message markup.
-        </p>
       </md-input-container>
+
+      <p style="font-size:.8em; width: 100%; text-align: center;">
+        Make sure to include <a href="https://docs.angularjs.org/api/ngMessages" target="_blank">ngMessages</a> module when using ng-message markup.
+      </p>
     </form>
   </md-content>
 

src/components/input/input-theme.scss

@@ -20,8 +20,9 @@ md-input-container.md-THEME_NAME-theme {
   ng-message, data-ng-message, x-ng-message,
   [ng-message], [data-ng-message], [x-ng-message],
   [ng-message-exp], [data-ng-message-exp], [x-ng-message-exp] {
-    :not(.md-char-counter) {
-      color: '{{warn-A700}}';
+    color: '{{warn-A700}}';
+    .md-char-counter {
+      color: '{{foreground-1}}';
     }
   }