Angular material docs updated,

+ @angular/material-moment-adapter added to package.json

src/assets/angular-material-examples/select-panel-class/select-panel-class-example.css

@@ -0,0 +1,11 @@
+.example-panel-red .mat-select-content {
+    background: rgba(255, 0, 0, 0.5);
+}
+
+.example-panel-green .mat-select-content {
+    background: rgba(0, 255, 0, 0.5);
+}
+
+.example-panel-blue .mat-select-content {
+    background: rgba(0, 0, 255, 0.5);
+}

src/assets/angular-material-examples/select-panel-class/select-panel-class-example.html

@@ -0,0 +1,8 @@
+<mat-form-field>
+    <mat-select placeholder="Panel color" [formControl]="panelColor"
+                panelClass="example-panel-{{panelColor.value}}">
+        <mat-option value="red">Red</mat-option>
+        <mat-option value="green">Green</mat-option>
+        <mat-option value="blue">Blue</mat-option>
+    </mat-select>
+</mat-form-field>

src/assets/angular-material-examples/select-panel-class/select-panel-class-example.ts

@@ -0,0 +1,16 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import { FormControl } from '@angular/forms';
+
+/**
+ * @title Select with custom panel styling
+ */
+@Component({
+    selector     : 'select-panel-class-example',
+    templateUrl  : 'select-panel-class-example.html',
+    styleUrls    : ['select-panel-class-example.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class SelectPanelClassExample
+{
+    panelColor = new FormControl('red');
+}