Стиль recaptcha упаковка div

Question

У меня проблема со стилем упаковки recaptcha. Как вы можете видеть на изображении, recaptcha отображается в упаковочном div. Я должен как-то его стилизовать ... есть ли способ удалить этот div или как-то его стилизовать?

Я пытался использовать document.getElementById или document.getElementsByClassName, но у этого div нет идентификатора или класса ...

Answer 1

Только из вашего изображения, вот селектор для этого <div>:

script[src="main.js"] + div { ... }

Другие допустимые:

body > div:last-of-type { ... }
/* or */
body > div:last-child { ... }

---

Примечание: (для будущих вопросов) Никогда не размещайте изображения кода на [SO]. Они оскорбляют любого, кому может понадобиться ввести этот код, чтобы помочь вам. Они могли бы скопировать / вставить, если вы захотите опубликовать его как код.

Answer 2

Вы можете получить родительский элемент, например:

const div = document.querySelector('.grecaptcha-badge').parentNode;

Answer 3

Предполагая, что у вас открыт код в редакторе, просто удалите открывающий и закрывающий теги div, чтобы удалить его.

Если вы хотите стилизовать его, присвойте оболочке div идентификатор и выберите его в вашей таблице стилей примерно так:

#wrapper{
  border:2px solid red;
  /*Your style here*/
}

<div id="wrapper">
  <div>Recaptcha</div>
</div>