Контейнер для скрытой метки Multiselect - PullRequest
Новая
       24

Контейнер для скрытой метки Multiselect

0 голосов
/ 17 января 2019

Я пытаюсь, чтобы в раскрывающемся списке множественного выбора отображался только значок стрелки, даже если элементы выбраны (то есть удалите метку выбора по умолчанию, а также любые выбранные элементы).

enter image description here

Возможно ли это?

Мой код множественного выбора: 

<p-multiSelect 
  [options]="cars" 
  optionLabel="brand"
  [style]="{'border': 'none'}">
</p-multiSelect>

Я пытался скрыть элемент контейнера метки ... но метка все еще показывает 

.ui-multiselect-label {
display:none !important;
}

Ниже приведен стек https://stackblitz.com/edit/angular-ba5zqd

1 Ответ

0 голосов
/ 17 января 2019

Из-за угловой стиль изоляции , вы должны использовать :: ng-deep проникающий в тень комбинатор потомков для изменения стиля CSS дочернего компонента: 

:host ::ng-deep .ui-multiselect-label {
  visibility: collapse;
  overflow: hidden;
  white-space: nowrap;
}

См. этот стек для демонстрации.

...