Sharepoint - How to make People Picker column Read only in SharePoint 2013

I just gave an answer here, but i suppose it will work here too.

To make People picker readonly, you can use the below JQuery code:

$(".sp-peoplepicker-delImage").css({ 'display' : 'none'});
$(".sp-peoplepicker-editorInput").css({ 'display' : 'none'});

You can also apply them with the help of css:

<style>

.sp-peoplepicker-delImage{

display:none;

}
.sp-peoplepicker-editorInput{

display:none;

}

</style>

This is the easiest and fastest way to make people picker fields read only in SharePoint

2013/online, but it will make every people picker field on the form read only. So please let me know if you want for a specific column.


Using display:none makes the form look weird and isn't the right approach, it could still be modified. I would actually use the disabled attribute to disable the fields:

$(".sp-peoplepicker-editorInput").attr('disabled' , 'disabled');

This way it still looks the same and is disabled.