How to remove the reCaptcha icon?

I

Igor Petrov2020-11-02 22:58:54

css

Igor Petrov, 2020-11-02 22:58:54

Good day!
Can you please tell me how to implement the hiding code in the lower right corner of the recaptcha icon in this code?

<html>
<head>
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
 <script>
   function onSubmit(token) {
     document.getElementById("recaptcha-form").submit();
   }
 </script>
</head>
<body>
  <div id="recaptcha-loading" style="margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%;  z-index: 30001; opacity: 0.8; ">
    <p style="position: absolute; color: White; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); ">
      <img src="картинкатут.gif" width="123" height="123">
    </p>
  </div>
  <form id='recaptcha-form' action="/captcha" method="POST">
    <button id='submitbutton' style="visibility:hidden;" class="g-recaptcha" data-badge=bottomright data-sitekey="какойтокод" data-callback='onSubmit' data-badge='inline'></button>
      <script>
        window.onload = function(){
          document.getElementById('submitbutton').click();
        }
      </script>
    <br/>
  </form>
</body>
</html>

Here is a solution I found, but I can not understand where to insert it.grecaptcha-badge { visibility: hidden; }

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

N

nowm, 2020-11-02
@daniks

I love this article on CSS: Ways to Add Styles to a Page . It is written in quite accessible language, describes a bunch of ways in which you can solve your problem, and is very easy to search for by a search engine.
Upd: The block with the recaptcha badge uses the grecaptcha-badge.