Xpages Type Ahead 下拉字体大小答案

【问题标题】：Xpages Type Ahead Drop Down font sizeXpages Type Ahead 下拉字体大小
【发布时间】：2020-06-03 11:22:59
【问题描述】：

是否可以更改出现在 Xpages 预输入控件中的下拉列表的字体大小？

必须在 7 英寸平板电脑屏幕上预先显示一个类型，并且对于大多数人来说可读性相当困难。

<xp:td><xp:inputText id="inputHost" styleClass="inputCovFieldYellow">
<xp:typeAhead mode="partial" minChars="1" valueList="#{javascript:applicationScope.employeeSelectionListNoNum;}" ignoreCase="true"
 id="typeAhead1"> </xp:typeAhead> </xp:inputText>

【问题讨论】：

您当然可以使用 CSS 更改它。我建议您检查浏览器中的 HTML 元素以查看要更改的 CSS
我已尝试更改 css。但它只在我输入字符的编辑框中发生变化。在前面的类型中搜索我的datalist后出现的下拉菜单仍然是小字体，不受css影响。
上面是我用来声明类型的代码。没有选项可以直接将 styleClass 添加到前面的类型，只添加到使用它的编辑框。 @PerHenrikLausten

标签： xpages typeahead editbox

【解决方案1】：

xp:typeahead 控件将其内容包装在一个带有 CSS 类 dijitPopup 和 dijitComboBoxMenuPopup 的外部 div 中，一个带有 CSS 类 dijitReset、dijitMenu 和 dijitComboBoxMenu 的内部 div 中，然后是一个带有 CSS 类 dijitMenuItem 的 div 用于下拉列表中的每个项目.

因此，您可以使用这些类设置每个项目的样式。这是一个将字体大小设置为 20 px 的简单示例：

.dijitComboBoxMenu .dijitMenuItem {
    font-size: 20px;
}

【讨论】：

必须添加到主题样式表并且它工作。谢谢@PerHenrikLausten。