Xpages Type Ahead Drop Down 字体大小
Xpages Type Ahead Drop Down font size
是否可以更改出现在 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>
xp:typeahead 控件将其内容包装在外部 div 和 CSS classes dijitPopup 和 dijitComboBoxMenuPopup,内部 div 和 CSS classes dijitReset、dijitMenu 和 dijitComboBoxMenu,然后是下拉列表中每个项目的 div 和 CSS class dijitMenuItem。
因此您可以使用这些 classes 为每个项目设置样式。下面是一个将字体大小设置为 20 px 的简单示例:
.dijitComboBoxMenu .dijitMenuItem {
font-size: 20px;
}
是否可以更改出现在 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>
xp:typeahead 控件将其内容包装在外部 div 和 CSS classes dijitPopup 和 dijitComboBoxMenuPopup,内部 div 和 CSS classes dijitReset、dijitMenu 和 dijitComboBoxMenu,然后是下拉列表中每个项目的 div 和 CSS class dijitMenuItem。
因此您可以使用这些 classes 为每个项目设置样式。下面是一个将字体大小设置为 20 px 的简单示例:
.dijitComboBoxMenu .dijitMenuItem {
font-size: 20px;
}