Is there a way I can have certain personas unremovable from people picker? I was thinking how I can remove the X button:

enter image description here

On the screenshot, I need to disable removal of test user2 and Test 115 while Staff Test remaining the same.

1 Answer 1


Addd disabledPP class to your people picker you want to hide (X) and use below CSS:

.disabledPP {
  font-family: inherit;
.disabledPP > div > div > div, .disabledPP > div > div > div:hover {
  border-color: #f4f4f4 !important;
.disabledPP button {
  pointer-events: none !important;
  display: none;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.