Update styles for multiple select elements. Add example of small element.

dist/dark-legacy.standalone.css

@@ -251,6 +251,12 @@ select::-ms-expand {
   display: none;
 }
 
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
 button,
 input[type='submit'],
 input[type='button'] {

dist/dark.css

@@ -230,6 +230,12 @@ select::-ms-expand {
   display: none;
 }
 
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
 button,
 input[type='submit'],
 input[type='button'] {

dist/dark.standalone.css

@@ -195,6 +195,12 @@ select::-ms-expand {
   display: none;
 }
 
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
 button,
 input[type='submit'],
 input[type='button'] {

dist/light-legacy.standalone.css

@@ -251,6 +251,12 @@ select::-ms-expand {
   display: none;
 }
 
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
 button,
 input[type='submit'],
 input[type='button'] {

dist/light.css

@@ -230,6 +230,12 @@ select::-ms-expand {
   display: none;
 }
 
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
 button,
 input[type='submit'],
 input[type='button'] {

dist/light.standalone.css

@@ -195,6 +195,12 @@ select::-ms-expand {
   display: none;
 }
 
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
 button,
 input[type='submit'],
 input[type='button'] {

index.html

@@ -133,11 +133,9 @@
         <option value='lemon'>Lemon juice</option>
       </select>
 
-      <br />
-
       <label for='drinks'>Or select multiple favorite drinks</label>
-      <p>Hold down the Ctrl (windows) /  
-        Command (Mac) button to select multiple options.</p> 
+      <br/>
+      <small>Hold down the Ctrl (Windows) /  Command (Mac) button to select multiple options. (P.S. this message is inside a <code>&lt;small&gt;</code> tag!</small>) 
       <select name='drink' id='drinks' multiple>
         <option value='mojito'>Mojito</option>
         <option value='water'>Water</option>

src/parts/_forms.css

@@ -54,6 +54,12 @@ select::-ms-expand {
   display: none;
 }
 
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
 button,
 input[type='submit'],
 input[type='button'] {