diff --git a/packages/mosaic-dev/select/module.ts b/packages/mosaic-dev/select/module.ts
index 5f822571e..a97566a20 100644
--- a/packages/mosaic-dev/select/module.ts
+++ b/packages/mosaic-dev/select/module.ts
@@ -21,7 +21,7 @@ import { OPTIONS } from './options';
encapsulation: ViewEncapsulation.None
})
export class DemoComponent implements OnInit {
- singleSelected = 'Normal';
+ singleSelected = '';
multipleSelected = ['Normal', 'Hovered', 'Selected', 'Selected1'];
singleSelectedWithSearch = 'Moscow';
diff --git a/packages/mosaic-dev/select/template.html b/packages/mosaic-dev/select/template.html
index 0c2eb791b..184cab3ec 100644
--- a/packages/mosaic-dev/select/template.html
+++ b/packages/mosaic-dev/select/template.html
@@ -73,7 +73,7 @@
-
+
Disabled
Normal
Hovered
diff --git a/packages/mosaic/input/_input-theme.scss b/packages/mosaic/input/_input-theme.scss
index 06ac60539..6500fbc2f 100644
--- a/packages/mosaic/input/_input-theme.scss
+++ b/packages/mosaic/input/_input-theme.scss
@@ -8,15 +8,15 @@
color: map-get($foreground, text);;
&::placeholder {
- color: map-get($foreground, disabled-text);;
+ color: map-get($foreground, disabled-text);
}
&::-ms-input-placeholder {
- color: map-get($foreground, disabled-text);;
+ color: map-get($foreground, disabled-text);
}
&::-webkit-input-placeholder {
- color: map-get($foreground, disabled-text);;
+ color: map-get($foreground, disabled-text);
}
}
}
diff --git a/packages/mosaic/select/_select-theme.scss b/packages/mosaic/select/_select-theme.scss
index baefa6913..419a79ca6 100644
--- a/packages/mosaic/select/_select-theme.scss
+++ b/packages/mosaic/select/_select-theme.scss
@@ -25,6 +25,10 @@
}
}
+ .mc-select__placeholder {
+ color: map-get($foreground, disabled-text);
+ }
+
.mc-select__panel {
border: {
color: mc-color($second);