適用性表單元件的內嵌樣式

您可以使用 主題編輯器. 此外，您也可以將內嵌CSS樣式套用至個別的適用性表單元件，並即時預覽變更。 內嵌樣式會覆寫主題中提供的樣式。

套用內嵌CSS屬性

若要將內嵌樣式新增至元件：

1. 在表單編輯器中開啟表單，並將模式變更為樣式模式。 若要將模式變更為樣式模式，請在頁面工具列中，點選 > 樣式.

2. 在頁面中選取元件，然後點選「編輯」按鈕 . 樣式屬性在側欄中開啟。

   您也可以從側欄的表單階層樹狀結構中選取元件。 表單層次結構樹在側欄中作為表單對象可用。

   在 樣式 模式中，您可以在「表單對象」下看到列出的元件。 不過，側欄中的「表單物件」清單會列出欄位和面板等元件。 欄位和面板是可包含元件（例如文字方塊和選項按鈕）的通用元件。

   從側欄中選取元件時，您會看到列出的所有子元件以及所選元件的屬性。 您可以選取特定的子元件並設定其樣式。

3. 按一下側邊欄中的索引標籤以指定CSS屬性。 您可以指定屬性，例如：

   • Dimension與位置 （顯示設定、邊框間距、高度、寬度、邊距、位置、z索引、浮點、清空、溢出）
   • 文字 （字型系列、粗細、顏色、大小、行高和對齊方式）
   • 背景 （影像和漸層，背景顏色）
   • 邊框 （寬度、樣式、顏色、半徑）
   • 效果 （陰影、不透明度）
   • 進階 （可讓您編寫元件的自訂CSS）

4. 同樣地，您也可以為元件的其他部分套用樣式，例如 介面工具集, 註解，和 說明.

5. 點選 完成 確認變更或 取消 放棄更改。

範例：欄位元件的內嵌樣式

下列影像說明套用內嵌樣式之前和之後的文字欄位。

應用內嵌樣式屬性之前的文本框元件

請注意，在套用下列CSS屬性後，文字方塊樣式的變更如下列影像所示。

套用內嵌樣式屬性後的文字方塊元件

依照上述步驟，您可以選取其他元件（例如面板、提交按鈕和選項按鈕）並設定其樣式。

複製和貼上樣式

您也可以將樣式從一個元件複製並貼到適用性表單中的另一個元件。 在 樣式 模式，點選元件並點選「複製」圖示 .

點選相同類型的其他元件，然後點選「貼上」圖示 來貼上複製的樣式。 您也可以點選「清除樣式」圖示 來清除已套用的樣式。

為元件的不同狀態設定樣式

您可以為元件類型的不同狀態設定樣式。 不同的狀態包括： 焦點, 已停用, 暫留, 錯誤, 成功，和 必填.

要定義元件的狀態的樣式，請執行以下操作：

1. 在 樣式 模式，點選元件並點選「編輯」圖示 .

2. 使用 狀態 下拉式清單。

   

3. 為元件的選定狀態定義樣式並點選 以儲存屬性。

您也可以模擬成功和錯誤狀態。 點選「展開」圖示以檢視 模擬成功 和 模擬錯誤 選項。