How to add a border radius to iframe

How to add a border radius to iframe

Hello!

I was wondering if there was a way to add a border radius to my zoho form so it matches the container radius it is embedded into. (the picture below shows the issue). 
IFrame content overlapping with CSS border

Here is the code I am using to embed the zoho form not sure if I can just add a line of code into this to solve the problem. Here is a link to where the form is embedded (https://staplelandscapes.com/aeration/) It is more noticeable on mobile than on desktop.  Thanks!

<center>
<div id="zf_div_gEMdORs3V3scHcfa9C5iMZUaL6mAtksDt3SoMAB_yYU"></div><script type="text/javascript">(function() {
try{
var f = document.createElement("iframe");   
f.style.border="none";

f.style.height="1883px";
f.style.width="99%";
f.style.transition="all 0.5s ease";// No I18N
var d = document.getElementById("zf_div_gEMdORs3V3scHcfa9C5iMZUaL6mAtksDt3SoMAB_yYU");
d.appendChild(f);
window.addEventListener('message', function (){
var zf_ifrm_data = event.data.split("|");
var zf_perma = zf_ifrm_data[0];
var zf_ifrm_ht_nw = ( parseInt(zf_ifrm_data[1], 10) + 15 ) + "px";
var iframe = document.getElementById("zf_div_gEMdORs3V3scHcfa9C5iMZUaL6mAtksDt3SoMAB_yYU").getElementsByTagName("iframe")[0];
if ( (iframe.src).indexOf('formperma') > 0 && (iframe.src).indexOf(zf_perma) > 0 ) {
var prevIframeHeight = iframe.style.height;
if ( prevIframeHeight != zf_ifrm_ht_nw ) {
iframe.style.height = zf_ifrm_ht_nw;
}   
}
}, false);
}catch(e){}
})();</script>
</center>





      • Sticky Posts

      • DKIM Now Mandatory - Changes to Zoho Forms Email Policies

        Hello Zoho Forms Users, This post is to inform you about an important update regarding the authentication of all email domains in your Zoho Forms account. This year, we are doubling down on our commitment to deliver a secure, seamless, and empowering

      • Cloudflare Turnstile is now available in Zoho Forms!

        Hello form builders! We have added a new layer of protection to help you keep your forms free from bots. Instead of forcing users to prove they are human, Cloudflare Turnstile quietly checks browser signals in the background. Your real users glide through,

      • This festive season, offer discounts with coupon code support in Stripe Checkout

        Hello form builders! It’s the festive season, the perfect time to spread joy and great deals! Now, with Zoho Forms’ latest enhancement for Stripe Checkout, you can do exactly that with coupon codes! Your payment forms integrated with Stripe Checkout can

      • New in Zoho Forms: Google reCAPTCHA v3 for smarter spam protection

        Hello form builders, Spam submissions are one of the biggest challenges when you share your forms online. They not only clutter your data but can also waste valuable time. To help you combat this without making life harder for genuine respondents, we’re

      • New in Zoho Forms: Inline OTP Verification

        Hello form builders, We are excited to announce the launch of Inline OTP Verification in Zoho Forms, a smarter way to ensure the authenticity of the contact details you collect. Until now, OTP Verification in Zoho Forms worked as a pre-access step: respondents