Блог

Главная - Вопросы по программированию - Скрывать значок Google recaptcha с помощью CSS и вместо этого отображать юридический текст?

Скрывать значок Google recaptcha с помощью CSS и вместо этого отображать юридический текст?

#css #recaptcha #captcha #invisible-recaptcha

#css #recaptcha #captcha #невидимый-recaptcha

Вопрос:

Мы используем текущий CSS для удаления значка Google recaptcha на нашем сайте:

 <style>
    .grecaptcha-badge { 
        visibility: hidden; 
    }
</style>

Теперь, как и ожидалось, появляется пустое место, где значок reCAPTCHA был ранее на разных страницах. Мне интересно, каким самым простым способом было бы изменить этот код выше, сохранив значок recaptcha невидимым, и вместо этого отобразить юридический текст в том пустом пространстве, которое:

 <small>This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a>
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.
</small>

Комментарии:

1. Я не рекомендую изменять captcha с помощью javascript, чтобы он функционировал должным образом. Вы можете добавить текст на сам веб-сайт, будь то в нижнем колонтитуле или в виде окна, стилизованного под reCAPTCHA, и просто скрыть значок captcha.

Ответ №1:

Чтобы скрыть reCAPTCHA V3 от всех браузеров, добавьте это в свой пользовательский CSS :

 .rc-anchor-normal-footer {
    display: none !important;
}
.grecaptcha-badge { 
    visibility: hidden; 
}