added fallback style when JS is not available for inputs.

Author: Federico Zivolo

css-compiled/material.css

@@ -838,19 +838,21 @@ h6,
 .radio input[type=radio][disabled] ~ .check {
   background-color: rgba(0, 0, 0, 0.84);
 }
-.form-control-wrapper {
-  position: relative;
-  /* active state */
-}
 .form-control-wrapper .form-control,
-.form-control-wrapper .form-control:focus {
+.form-control,
+.form-control-wrapper .form-control:focus,
+.form-control:focus {
   float: none;
   border: 0;
   box-shadow: none;
   border-radius: 0;
   background: transparent;
   border-bottom: 1px solid #757575;
 }
+.form-control-wrapper {
+  position: relative;
+  /* active state */
+}
 .form-control-wrapper .form-control:focus {
   outline: none;
 }
@@ -1707,7 +1709,8 @@ fieldset[disabled] .navbar .btn-link:hover,
 fieldset[disabled] .navbar .btn-link:focus {
   color: #e5e5e5;
 }
-.navbar .navbar-form .form-control-wrapper .form-control {
+.navbar .navbar-form .form-control-wrapper .form-control,
+.navbar .navbar-form .form-control {
   border-color: rgba(255, 255, 255, 0.84);
   color: rgba(255, 255, 255, 0.84);
 }

less/inputs.less

@@ -1,15 +1,19 @@
 // main: material.less
 
-.form-control-wrapper {
-    position: relative;
-    .form-control, .form-control:focus {
+.form-control-wrapper .form-control, .form-control {
+    &, &:focus {
         float: none;
         border: 0;
         box-shadow: none;
         border-radius: 0;
         background: transparent;
         border-bottom: 1px solid #757575;
     }
+}
+
+.form-control-wrapper {
+    position: relative;
+
     .form-control:focus {
         outline: none;
     }

less/navbar.less

@@ -140,11 +140,11 @@
     }
 
     .navbar-form {
+        .form-control-wrapper .form-control, .form-control {
+            border-color: @navbar-border;
+            color: @navbar-border;
+        }
         .form-control-wrapper {
-            .form-control {
-                border-color: @navbar-border;
-                color: @navbar-border;
-            }
             .material-input:before, input:focus ~ .material-input:after {
                 background-color: @navbar-border;
             }