diff --git a/demo/index.html b/demo/index.html
index f84799de..8c6dc9e2 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -140,6 +140,41 @@ <h3>Inputs can have custom logic</h3>
         </paper-input-container>
       </template>
     </demo-snippet>
+
+    <h3>You can style a paper-input using custom properties</h3>
+    <demo-snippet>
+      <template>
+        <style is="custom-style">
+          paper-input.custom {
+              --paper-input-container-underline-common: {
+                  display: none;
+              };
+
+              --paper-input-container-label: {
+                  color: var(--paper-pink-500);
+                  font-style: italic;
+                  font-weight: bold;
+              }
+          }
+
+          paper-input.custom-focus {
+              --paper-input-container-underline-common: {
+                  display: none;
+                  background: #737373;
+                  height: 1px;
+              };
+
+              --paper-input-container-underline-focus: {
+                  display: inline;
+                  background: #E91E63;
+                  height: 2px;
+              };
+            }
+        </style>
+        <paper-input class="custom" label="Custom style"></paper-input>
+        <paper-input class="custom-focus" label="Overriden common underline style for focus"></paper-input>
+      </template>
+    </demo-snippet>
   </div>
 
   <script>
diff --git a/paper-input-container.html b/paper-input-container.html
index 2ef06efa..5c2e4f25 100644
--- a/paper-input-container.html
+++ b/paper-input-container.html
@@ -90,6 +90,7 @@
 `--paper-input-container-label-focus` | Mixin applied to the label when the input is focused | `{}`
 `--paper-input-container-label-floating` | Mixin applied to the label when floating | `{}`
 `--paper-input-container-input` | Mixin applied to the input | `{}`
+`--paper-input-container-underline-common` | Mixin applied to the underline when the input is not focused, focused or disabled | `{}`
 `--paper-input-container-input-focus` | Mixin applied to the input when focused | `{}`
 `--paper-input-container-input-invalid` | Mixin applied to the input when invalid | `{}`
 `--paper-input-container-input-webkit-spinner` | Mixin applied to the webkit spinner | `{}`
@@ -149,6 +150,7 @@
         -webkit-transform: scale3d(0,1,1);
         transform: scale3d(0,1,1);
 
+        @apply(--paper-input-container-underline-common);
         @apply(--paper-input-container-underline-focus);
       }
 
@@ -176,6 +178,7 @@
 
         border-bottom: 1px solid var(--paper-input-container-color, --secondary-text-color);
 
+        @apply(--paper-input-container-underline-common);
         @apply(--paper-input-container-underline);
       }
 
@@ -183,6 +186,7 @@
         border-bottom: 1px dashed;
         border-color: var(--paper-input-container-color, --secondary-text-color);
 
+        @apply(--paper-input-container-underline-common);
         @apply(--paper-input-container-underline-disabled);
       }