HTML 用于自定义CSS样式的Google Forms HTML

Posted 2021-05-24

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML 用于自定义CSS样式的Google Forms HTML相关的知识，希望对你有一定的参考价值。

&lt;link href='/static/forms/client/css/3270547546-mobile_formview_ltr.css' type='text/css' rel='stylesheet' media='screen and (max-device-width: 600px)'&gt;&lt;/head&gt;
&lt;body dir=&quot;ltr&quot; class=&quot;ss-base-body&quot;&gt;&lt;div itemscope itemtype=&quot;http://schema.org/CreativeWork/FormObject&quot;&gt;&lt;meta itemprop=&quot;name&quot; content=&quot;Submit Article&quot;&gt;


&lt;meta itemprop=&quot;url&quot; content=&quot;https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/viewform&quot;&gt;
&lt;meta itemprop=&quot;embedUrl&quot; content=&quot;https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/viewform?embedded=true&quot;&gt;
&lt;meta itemprop=&quot;faviconUrl&quot; content=&quot;https://ssl.gstatic.com/docs/spreadsheets/forms/favicon_jfk2.png&quot;&gt;
&lt;a class=&quot;ss-edit-link&quot; href=&quot;https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/edit&quot;&gt;Edit this form&lt;/a&gt;



&lt;div class=&quot;ss-form-container&quot;&gt;&lt;div class=&quot;ss-top-of-page&quot;&gt;


&lt;div class=&quot;ss-form-heading&quot;&gt;&lt;h1 class=&quot;ss-form-title&quot; dir=&quot;ltr&quot;&gt;Submit Article&lt;/h1&gt;
&lt;p&gt;&lt;/p&gt;


&lt;hr class=&quot;ss-email-break&quot; style=&quot;display:none;&quot;&gt;
&lt;div class=&quot;ss-required-asterisk&quot;&gt;* Required&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;ss-form&quot;&gt;&lt;form action=&quot;https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/formResponse&quot; method=&quot;POST&quot; id=&quot;ss-form&quot; target=&quot;_self&quot; onsubmit=&quot;&quot;&gt;
&lt;div class=&quot;errorbox-good&quot;&gt;
&lt;div dir=&quot;ltr&quot; class=&quot;ss-item ss-item-required ss-text&quot;&gt;&lt;div class=&quot;ss-form-entry&quot;&gt;&lt;label class=&quot;ss-q-item-label&quot; for=&quot;entry_203815056&quot;&gt;&lt;div class=&quot;ss-q-title&quot;&gt;Full Name:
&lt;label for=&quot;itemView.getDomIdToLabel()&quot; aria-label=&quot;(Required field)&quot;&gt;&lt;/label&gt;
&lt;span class=&quot;ss-required-asterisk&quot;&gt;*&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;ss-q-help ss-secondary-text&quot; dir=&quot;ltr&quot;&gt;&lt;/div&gt;&lt;/label&gt;
&lt;input type=&quot;text&quot; name=&quot;entry.203815056&quot; value=&quot;&quot; class=&quot;ss-q-short&quot; id=&quot;entry_203815056&quot; dir=&quot;auto&quot; aria-required=&quot;true&quot;&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;errorbox-good&quot;&gt;
&lt;div dir=&quot;ltr&quot; class=&quot;ss-item ss-item-required ss-text&quot;&gt;&lt;div class=&quot;ss-form-entry&quot;&gt;&lt;label class=&quot;ss-q-item-label&quot; for=&quot;entry_1572741055&quot;&gt;&lt;div class=&quot;ss-q-title&quot;&gt;Website:
&lt;label for=&quot;itemView.getDomIdToLabel()&quot; aria-label=&quot;(Required field)&quot;&gt;&lt;/label&gt;
&lt;span class=&quot;ss-required-asterisk&quot;&gt;*&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;ss-q-help ss-secondary-text&quot; dir=&quot;ltr&quot;&gt;&lt;a href=&quot;http://www.google.com/url?q=http%3A%2F%2Fwww.yoursite.com&amp;amp;sa=D&amp;amp;sntz=1&amp;amp;usg=AFQjCNHiYZ1xNrhwy03wiT9N5eetjwhADg&quot;&gt;http://www.yoursite.com&lt;/a&gt;&lt;/div&gt;&lt;/label&gt;
&lt;input type=&quot;text&quot; name=&quot;entry.1572741055&quot; value=&quot;&quot; class=&quot;ss-q-short&quot; id=&quot;entry_1572741055&quot; dir=&quot;auto&quot; aria-required=&quot;true&quot;&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;errorbox-good&quot;&gt;
&lt;div dir=&quot;ltr&quot; class=&quot;ss-item ss-item-required ss-text&quot;&gt;&lt;div class=&quot;ss-form-entry&quot;&gt;&lt;label class=&quot;ss-q-item-label&quot; for=&quot;entry_78902134&quot;&gt;&lt;div class=&quot;ss-q-title&quot;&gt;Article Title:
&lt;label for=&quot;itemView.getDomIdToLabel()&quot; aria-label=&quot;(Required field)&quot;&gt;&lt;/label&gt;
&lt;span class=&quot;ss-required-asterisk&quot;&gt;*&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;ss-q-help ss-secondary-text&quot; dir=&quot;ltr&quot;&gt;&lt;/div&gt;&lt;/label&gt;
&lt;input type=&quot;text&quot; name=&quot;entry.78902134&quot; value=&quot;&quot; class=&quot;ss-q-short&quot; id=&quot;entry_78902134&quot; dir=&quot;auto&quot; aria-required=&quot;true&quot;&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;errorbox-good&quot;&gt;
&lt;div dir=&quot;ltr&quot; class=&quot;ss-item ss-item-required ss-paragraph-text&quot;&gt;&lt;div class=&quot;ss-form-entry&quot;&gt;&lt;label class=&quot;ss-q-item-label&quot; for=&quot;entry_1197254379&quot;&gt;&lt;div class=&quot;ss-q-title&quot;&gt;Article Summary:
&lt;label for=&quot;itemView.getDomIdToLabel()&quot; aria-label=&quot;(Required field)&quot;&gt;&lt;/label&gt;
&lt;span class=&quot;ss-required-asterisk&quot;&gt;*&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;ss-q-help ss-secondary-text&quot; dir=&quot;ltr&quot;&gt;&lt;/div&gt;&lt;/label&gt;
&lt;textarea name=&quot;entry.1197254379&quot; rows=&quot;8&quot; cols=&quot;0&quot; class=&quot;ss-q-long&quot; id=&quot;entry_1197254379&quot; dir=&quot;auto&quot; aria-required=&quot;true&quot;&gt;&lt;/textarea&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;errorbox-good&quot;&gt;
&lt;div dir=&quot;ltr&quot; class=&quot;ss-item ss-item-required ss-paragraph-text&quot;&gt;&lt;div class=&quot;ss-form-entry&quot;&gt;&lt;label class=&quot;ss-q-item-label&quot; for=&quot;entry_1425968042&quot;&gt;&lt;div class=&quot;ss-q-title&quot;&gt;Author Bio:
&lt;label for=&quot;itemView.getDomIdToLabel()&quot; aria-label=&quot;(Required field)&quot;&gt;&lt;/label&gt;
&lt;span class=&quot;ss-required-asterisk&quot;&gt;*&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;ss-q-help ss-secondary-text&quot; dir=&quot;ltr&quot;&gt;2-3 sentences max.&lt;/div&gt;&lt;/label&gt;
&lt;textarea name=&quot;entry.1425968042&quot; rows=&quot;8&quot; cols=&quot;0&quot; class=&quot;ss-q-long&quot; id=&quot;entry_1425968042&quot; dir=&quot;auto&quot; aria-required=&quot;true&quot;&gt;&lt;/textarea&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;errorbox-good&quot;&gt;
&lt;div dir=&quot;ltr&quot; class=&quot;ss-item ss-item-required ss-paragraph-text&quot;&gt;&lt;div class=&quot;ss-form-entry&quot;&gt;&lt;label class=&quot;ss-q-item-label&quot; for=&quot;entry_92262685&quot;&gt;&lt;div class=&quot;ss-q-title&quot;&gt;Article Body:
&lt;label for=&quot;itemView.getDomIdToLabel()&quot; aria-label=&quot;(Required field)&quot;&gt;&lt;/label&gt;
&lt;span class=&quot;ss-required-asterisk&quot;&gt;*&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;ss-q-help ss-secondary-text&quot; dir=&quot;ltr&quot;&gt;&lt;/div&gt;&lt;/label&gt;
&lt;textarea name=&quot;entry.92262685&quot; rows=&quot;8&quot; cols=&quot;0&quot; class=&quot;ss-q-long&quot; id=&quot;entry_92262685&quot; dir=&quot;auto&quot; aria-required=&quot;true&quot;&gt;&lt;/textarea&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;input type=&quot;hidden&quot; name=&quot;draftResponse&quot; value=&quot;[]
&quot;&gt;
&lt;input type=&quot;hidden&quot; name=&quot;pageHistory&quot; value=&quot;0&quot;&gt;


&lt;div class=&quot;ss-item ss-navigate&quot;&gt;&lt;div class=&quot;ss-form-entry&quot;&gt;
&lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Submit&quot; id=&quot;ss-submit&quot;&gt;

css 简洁的新标签页（Google Chrome Extention）自定义样式

#main a { font-family: "Ricty"; }
#main a { font-size: 1.6em; }
#main a { color: #555555; }
body { background-color: #ffffff; }
#main a:hover { background-color: #e4f4ff; }
#main a:hover { color: #000000; }
#main a:hover { box-shadow: 0 0 7px #57b0ff; }
body { background-image: url(); }
body { background-image: url(); }
body { background-position: left top; }
body { background-repeat: repeat; }
body { background-size: auto; }
#main a:hover { box-shadow: 0 0 7px #57b0ff; }
#main a { border-radius: 0.2em; }
#main a { -webkit-transition-duration: 0.2s; }
#main a { line-height: 2; padding-left: 0.8em; padding-right: 0.8em; }
#main { width: 80%; }
#main { left: 0%; }
#main { margin-top: 5%; }
.wrap { -webkit-transition-duration: 0.2s; }
#options_button { opacity: 0; }

以上是关于HTML 用于自定义CSS样式的Google Forms HTML的主要内容，如果未能解决你的问题，请参考以下文章

CSS 样式表不适用于自定义 QWidget

css 用于样式字段标签的自定义CSS

css Envira Breadcrumbs Addon css选择器用于自定义样式。

指定自定义字体

css HTML列表自定义样式

关于 Audio 自定义样式