styled placeholder option using this trick : https://stackoverflow.co…

…m/a/61600929/476345 as other options were not working
CovidTrackerFr · Apr 10, 2021 · da3a94c · da3a94c
1 parent a9bbdfb
commit da3a94c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/vmd-departement-selector.component.ts b/src/components/vmd-departement-selector.component.ts
@@ -23,7 +23,7 @@ export class VmdDepartementSelectorComponent extends LitElement {
 
     render() {
         return html`
-            <select class="form-select form-select-lg" @change="${this.departementSelectionne}">
+            <select class="form-select form-select-lg" @change="${this.departementSelectionne}" required>
               <option value="" ?selected="${!this.codeDepartementSelectionne}" disabled>Sélectionner...</option>
               ${repeat(this.departementsDisponibles, (dept) => dept.code_departement, (dept) => {
                 return html`

diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -34,3 +34,7 @@ footer {
 h1 {
     font-weight: bold;
 }
+
+select[required]:invalid {
+    color: $gray-600;
+}