Есть ли способ редактировать css новых форм google?

Раньше я мог просто скопировать исходный код формы и вставить часть между <form></form> на страницу и добавить свой собственный стиль. Но это, похоже, больше не работает. Кто-нибудь нашел способ по-прежнему иметь возможность настраивать формы Google?


css google-forms
person YellowSmurf    schedule 12.05.2016    source источник
comment
Если его нет в iframe, вы сможете изменить его с помощью CSS.   -  person Andrew    schedule 12.05.2016
comment
Я могу изменить css, но форма больше не работает   -  person YellowSmurf    schedule 12.05.2016
comment
morning.am/tutorials/how-to-style-google-forms   -  person Paulie_D    schedule 12.05.2016
comment
Ну, вам нужно предоставить версию кода и сказать, что вы пытаетесь изменить.   -  person Andrew    schedule 12.05.2016
comment
Возможный дубликат Как создать собственную тему для формы Google?   -  person Ani Menon    schedule 13.05.2016
comment
Стилизация формы и смена темы оформления — не одно и то же АниМенон   -  person KingMak    schedule 29.12.2016
comment
Аналогичный вопрос о веб-приложениях: webapps. stackexchange.com/q/92082/88163   -  person Rubén    schedule 08.04.2017

Ответы (3)


arrow_upward
22
arrow_downward

Да, вы можете легко заставить <form> работать, выполнив следующие действия.

  1. Создайте гугл-форму.
  2. Получите ссылку и откройте форму в новой вкладке.
  3. Создайте базовую форму с теми же элементами, что и форма Google.
  4. Inspect Google form for action attribute.
    1. a. Copy the same action to your form.
  5. Inspect and find values for attributes name in the Google form.
    1. a. Give the same name values for your form items as well. The values look like entry.742532386.
  6. Проверьте, получает ли ваша форма ответы.

Поскольку это собственный элемент <form>, применяйте CSS, как хотите.

Подробнее читайте здесь

person Sharath kumar    schedule 10.07.2017
comment
У меня работает только после отключения лимита ответов на одного подписанта. - person heroin; 05.12.2019

arrow_upward
7
arrow_downward

Вот скрипт, который позволяет переопределить стили CSS формы Google:

http://googleformrestyler.apixml.net/

Что он делает, так это извлекает содержимое формы Google с помощью прокси-сервера CORS, а затем записывает HTML-содержимое формы непосредственно на страницу с помощью Document.write. После этого у вас есть полный контроль над редактированием CSS и Javascript формы Google.

person Fiach Reid    schedule 31.07.2019
comment
Я смог заставить его работать, спасибо за это решение! Я использую HTTPS, поэтому ссылка на JS googleformrestyler.apixml.net/GoogleFormStyler.js не импортирует, потому что он размещен на HTTP. Внеся код JS локально, я смог его запустить. - person hey_suburbia; 09.05.2020
comment
@hey_suburbia - Спасибо, что сообщили мне. Я добавил сертификат HTTPS на этот сайт. - person Fiach Reid; 10.05.2020
comment
Это хорошее решение, но я бы хотел, чтобы оно было с открытым исходным кодом. Я нервничаю из-за того, что когда-нибудь это может просто исчезнуть, и у меня не будет возможности оправиться от того, что я сейчас делаю. - person Clueless Investor; 05.09.2020
comment
Кроме того, решение, по-видимому, жестко кодирует форму на немецком языке. - person Clueless Investor; 05.09.2020
comment
Решение теперь заставляет всю мою страницу быть справа налево, а имена полей формы на арабском языке. - person Chevas Balloun; 21.02.2021
comment
Чтобы изменить язык формы, добавьте &hl=ru (английский) в конец ссылки для встраивания. - person Fiach Reid; 24.05.2021

arrow_upward
0
arrow_downward

Формы Google в настоящее время (март 2021 г.) не имеют встроенной функции для добавления CSS или javascript в свои формы.

Я создал этот проект GitHub, чтобы обойти эту проблему: https://github.com/callit/google_form_javascript_css.

person 439545    schedule 25.03.2021