UI of slider bar changes in CRM

Hi,

I'm sending a mail with HTML content inside the email body. When HTML is tested the slider bar looks like the thisand when the html is inserted in the plugin and tested in CRM it looks like.

By using <input type='range' id='myRange' min='0' max='10' value='0' step='1' style='width: 496px' >.

Is there any way to make it appear as the way it is. Please suggest.

Regards,

Hima