Hi, I need a small help achieving some CSS styling in my JetForm.

I have a country as select field and phone as number field. The Select field has label as country names and value as their country codes, which are added by glossary. The setup works fine. But I have observed that many users, sometimes, remove the country code which they see in the phone field by default. I wanted to make it read only. But as I am setting up dynamic value of phone field prefix as per country code, it looks impossible to do.

So I am thinking of another approach where the country code will be displayed in a separate field and that field will be overlapped on the phone field. So it will appear as part of the phone field without the ability to edit it. Maybe the attached screenshot will help to understand it better. Thanks in advance.

https://prnt.sc/nxd9MEX2lZ-V