0

I use the CloudFlare reCaptcha Turnstile and want to customize the widget - remove the border and background color.

Turnstile

I think it’s possible with CSS or Javascript.

Thanks for any help!

user4703417
  • 41
  • 3

2 Answers2

0

In the element definition of your code (i.e. <div ...>), use the following code:

style="border: '0px' !important"

So, it is gonna be like:

<div style="border: '0px' !important" ...> .... </div>

Note: do not forget to use !important. It is important!

Amirhossein Sefati
  • 656
  • 5
  • 12
  • Thanks for your answer but with the reCaptcha is more complex. I think it's constructed by multiple elements and set "border: '0px' !important" alone didn't work – user4703417 Oct 31 '22 at 06:43
0

It should be possible unless cloudflare uses an i frame - which i am unsure you can style. To style it go to your browser dev tools and find the div or element that has the style associated with it and get the class or id name and style it using css. E.G: div class="captcha"

.captcha {
border: none !important;
}
Lochyj
  • 63
  • 7
  • Hi, just inspect the widget and recognize it's an iframe. You mean it's not possible to customize it? – user4703417 Oct 31 '22 at 06:54
  • Here is some relevant information on this topic; you can style the dom inside the iframe but its not exactly pretty https://stackoverflow.com/questions/19858217/how-to-apply-css-to-inner-iframe-element-through-parent-window-css-class – Lochyj Oct 31 '22 at 08:52