CSS 有没有办法编辑新的谷歌表单的css？

Is there a way to edit css of new google forms?

提问by YellowSmurf

Before I used to be able to just copy the source code of the form and paste the part between <form></form>into the page and add my own styling. But this doesn't seem to work anymore. Has anyone found a way to still be able to customize google forms?

以前我只能复制表单的源代码并将其间的部分粘贴<form></form>到页面中并添加我自己的样式。但这似乎不再起作用了。有没有人找到仍然能够自定义谷歌表单的方法？

回答by Sharath kumar

Yes, you can easily make the <form>work by following these steps.

是的，您可以<form>按照以下步骤轻松完成工作。

1. Create a Google Form.
2. Get the link and open the form in a new tab.
3. Create a barebone form having same items as the Google form.
4. Inspect Google form for actionattribute.
   4. a. Copy the same action to your form.
5. Inspect and find values for attributes namein the Google form.
   5. a. Give the same name values for your form items as well. The values look like entry.742532386.
6. Check if your form gets the responses.

1. 创建一个谷歌表单。
2. 获取链接并在新选项卡中打开表单。
3. 创建一个与 Google 表单具有相同项目的准系统表单。
4. 检查 Google 表单的action属性。
   4. 一种。将相同的操作复制到您的表单中。
5. 检查并查找nameGoogle 表单中属性的值。
   5. 一种。也为您的表单项提供相同的名称值。值看起来像entry.742532386.
6. 检查您的表单是否收到回复。

Since it is a native <form>element, apply CSS however you want to.

由于它是原生<form>元素，因此可以随意应用 CSS。

Read more here

在这里阅读更多

回答by Fiach Reid

Here's a script that allows you override the CSS styles of a Google form:

这是一个允许您覆盖 Google 表单的 CSS 样式的脚本：

http://googleformrestyler.apixml.net/

http://googleformrestyler.apixml.net/

What it does, is it pulls down the content of the google form using a CORS proxy, then writes the HTML content of the form directly onto the page using Document.write. After which, you have complete control to edit the CSS and Javascript of the google form.

它的作用是使用 CORS 代理拉取 google 表单的内容，然后使用 Document.write 将表单的 HTML 内容直接写入页面。之后，您就可以完全控制编辑 google 表单的 CSS 和 Javascript。