Which option is better for read only mode?

I have an Angular application where I have used mat-form fields (Material components) to build the forms. Here I am having a requirement to implement a read only mode.

I hope disabling all mat form fields with its default style will not be an option. It will be visually ugly and contextually confusing. So decided disable the mat-form field and override it's style. Options are

  1. Set border - hi light the mat-form element boarder
  2. Set background color - set background color to mat form field
  3. Remove all boarder and background color

Kindly share your thoughts which option is most suitable one for readonly mode?

enter image description here

Thanks Nuwan

Tags: , , , , , ,