为 Oracle Intelligent Advisor 配置互动式提问样式扩展

可以设置 Oracle Intelligent Advisor (OIA)（以前称为 Oracle Policy Automation）互动式提问的样式，使其外观与您公司站点的外观统一。

可以在 design.css 文件中配置以下 CSS 类选择器。所有这些类选择器都有前缀 "scs-opainterview-"。

每个类定义指定组件的所有样式设置。类具有完全控制，且不使用现有 OIA 样式。

选择器	应用到	说明
interview	interview	互动式提问区域包含整个互动式提问内容，包括页眉、页脚和导航区域。
interviewContent	互动式提问内容	互动式提问内容区域包含屏幕标题和控件，但不包含页眉、页脚和导航区域。
screenTitleBlock	屏幕标题块	屏幕标题块包含屏幕标题所在区域以及相应行中的任何其他窗口部件，例如屏幕下拉列表和/或“下一个”按钮和“返回”按钮。
screenTitle	屏幕标题	屏幕标题区域就是包含屏幕标题的区域。
nextButton	“下一个”按钮	“下一个”按钮。
backButton	“返回”按钮	“返回”按钮。
restartButton	“重新启动”按钮	“重新启动”按钮。
exitButton	“退出”按钮	“退出”按钮。
header	header	页眉区域。
footer	footer	页脚区域
question	问题文本	问题文本的样式设置。
control	控件的容器	包含控件的元素的样式设置。
label	标签控件	标签控件的样式设置。
controlError	所有控件	错误文本容器的样式设置。
controlErrorText	所有控件	错误文本 span 的样式设置。
textInput	单行文本框、密码和掩码内容	文本输入控件的样式设置。
textAreaInput	多行文本框	多行文本输入控件的样式设置。
calendarInput	日历	日历输入控件的样式设置。支持 `iconColor` 字段（允许更改日历图标的颜色）和 `keepIcon` 字段（指示是否应显示日历图标）。
dropDownInput	下拉列表	下拉列表输入控件的样式设置。
filterDropDownInput	筛选的下拉列表	筛选的下拉列表输入控件的样式设置。支持 `iconColor` 字段（允许更改下拉箭头的颜色）。
listInput	固定列表	固定列表输入控件的样式设置。
radioInput	单选按钮	单选按钮输入控件的样式设置。可以使用 `borderColor` 和 `fillColor` 选项为其设置样式。`iconType` 属性可以更改所用图标的类型。当前，仅支持 `'tick'` 和 `'fill'` 这两个替代选项。
checkboxInput	复选框	复选框输入控件的样式设置。可以使用 `borderColor` 和 `fillColor` 选项为其设置样式。`iconType` 属性可以更改所用图标的类型。当前，仅支持 `'square'` 和 `'fill'` 这两个替代选项。
autoCompleteInput	定制搜索	使用 `customSearch` 扩展时，`autocomplete` 字段的样式设置。
captchaInput	CAPTCHA 输入字段	用户输入 CAPTCHA 的输入字段的样式设置。
signatureInput	签名控件	签名控件的样式设置。支持额外的 `inkColor` 字段（允许更改签名的笔墨）。
explanationHeader	解释控件	解释控件的顶层可展开标题的样式设置。
explanationText	解释控件	展开的解释控件文本的样式设置。
signatureClearButton	签名控件	签名控件上的清除按钮的样式设置。
uploadAddButton	上载控件	上载控件上的添加按钮的样式设置。
entityRemoveButton	实体收集控件	实体收集控件。

采用 design.css 中定义的样式扩展的示例

.scs-opainterview-interviewContent {
   background-color: beige;
}
.scs-opainterview-screenTitleBlock {
   background-color: bisque;
}
.scs-opainterview-screenTitle {
    font-style: italic;
    font-size: 20px;
}
.scs-opainterview-nextButton {
    color: darkgreen;
}
.scs-opainterview-backButton {
    color: crimson;
}
.scs-opainterview-question {
    color: green;
}
.scs-opainterview-control {
    background-color: cornflowerblue;
}
.scs-opainterview-label {
    color:aqua;
}
.scs-opainterview-textInput {
    color: red;
    cursor:crosshair;
}
.scs-opainterview-radioInput {
    background-color: pink;
}
.scs-opainterview-checkboxInput {
    cursor: pointer;
}