.p-multiselect { .p-multiselect-label, .p-multiselect-trigger { background-image: none; background: transparent; } .p-multiselect-label { border: 0 none; } &:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; } } .p-multiselect-panel { .p-multiselect-items { .p-multiselect-item { .p-ink { background-color: rgba($primaryColor, .16); } &:focus { background: $emphasis-lower; &.p-highlight { background: rgba($primaryColor, .24); } } } } .p-multiselect-close { &:focus { background: $emphasis-lower; } } } .p-input-filled { .p-multiselect { @include filled-input-wrapper(); .p-multiselect-label { &:hover { background-image: none; background: transparent; } } } } .p-float-label { .p-multiselect-label { .p-multiselect-token { padding: .25rem 1rem; margin-top: .25rem; margin-bottom: .25rem; } } } .p-input-filled { .p-float-label { .p-multiselect { .p-multiselect-label { @include filled-input-float-label(); } } .p-inputwrapper-filled { &.p-multiselect { .p-multiselect-label { @include filled-input-float-label(); } &.p-multiselect-chip { .p-multiselect-token { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; .p-multiselect-token-icon { font-size: 75%; } } } } } } .p-multiselect.p-invalid { @include invalid-filled-input-wrapper(); } } .p-multiselect.p-invalid { &:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; } }