We have created an email in Marketing cloud using an existing Blank template where we can drop our custom made content blocks.
And for one email we have a requirement where we need to capture the survey response from the end user.
And for capturing the response we wanted to use the star rating approach and to create a star rating we are using a tag of type "radio" and in that input tag, we are adding a label and anchor tag for the link.
When we view the outcome of the code in Marketing cloud then it is showing fine and rendering is also OK but when we are using that custom HTML block in the email then when a user is receiving it on Gmail then they are seeing a radio button and a small star see SS below and for Gmail the stars are going to the extreme left:
And when a user is viewing the same on outlook then this is the output and for Outlook the stars are going to the extreme right with bracket besides them:
See How it is showing when viewed in a browser or in Marketing Cloud tool or in Service cloud's custom HTML template: This is when a user gives a 5-star rating
This is when a user gives a 4-star rating and so one the color is changing
Please let me know how can we achieve this using HTML or CSS or any other approach in the marketing cloud.
Please let me know if you have any queries regarding this.