Set background color when control has ReadOnly property

[Konrad Lowczak]

Hi

How to set background color of editor when readonly property is set to true (similar like disabled state)?

Best regards

[Indrajith Srinivasan]

Hi Konrad, 

  

Greetings from Syncfusion support 

  

In order to set the background color for the editor if readonly property is enabled, you can use the following styles. 

  

Api: https://ej2.syncfusion.com/vue/documentation/api/rich-text-editor/#readonly  

  

As like disabled state, you can set for readonly property through .e-rte-readonly class 

   

 

<style> 

    .e-rte-readonly.e-richtexteditor .e-rte-content .e-content { 

      opacity: 0.35; 

      /* You can also set the background color  */ 

      /* background: red; */ 

    } 

</style> 

 

 

Sample for reference: https://codesandbox.io/s/vue-template-gkuly 

  

Could you please try out the above solution and confirm whether it meets your requirement, please contact us if you need further assistance on this. 

  

Regards,  

Indrajith