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);