diff --git a/aio/src/styles/2-modules/_api-list.scss b/aio/src/styles/2-modules/_api-list.scss
index cfed7402f6..795e5d81c4 100644
--- a/aio/src/styles/2-modules/_api-list.scss
+++ b/aio/src/styles/2-modules/_api-list.scss
@@ -78,15 +78,21 @@ aio-api-list {
     transition: all .2s;
 
     // PLACEHOLDER TEXT
-    &::-webkit-input-placeholder,
-    &::-moz-placeholder,
-    &::-ms-input-placeholder,
-    &:-moz-placeholder {
-      /* Chrome/Opera/Safari */
-      /* Firefox 19+ */
-      /* IE 10+ */
-      /* Firefox 18- */
-
+    // NOTE: Vendor-prefixed selectors must be on separate blocks, because one invalid/unknown
+    //       selector will invalidate the whole block.
+    &::placeholder {  // Chrome/Firefox/Safari
+      color: $blue-grey-100;
+      @include font-size(14);
+    }
+    &::-webkit-input-placeholder {  // QQ Browser
+      color: $blue-grey-100;
+      @include font-size(14);
+    }
+    &::-ms-input-placeholder {  // Edge
+      color: $blue-grey-100;
+      @include font-size(14);
+    }
+    &:-ms-input-placeholder {  // IE
       color: $blue-grey-100;
       @include font-size(14);
     }