更改从商店加载选项的下拉 dojo 的字体大小

Posted 2023-02-16

【中文标题】更改从商店加载选项的下拉 dojo 的字体大小

【英文标题】：Change font size for dropdown dojo where options are loaded from a store

【发布时间】：2015-11-26 10:32:17

【问题描述】：

我正在尝试减小 dijit.form.Select 框 (dojo 1.6) 中所有选项的字体大小。我正在以编程方式初始化和设置选项。如何更改下拉菜单中选项的字体大小？请帮忙。

这是我当前的代码：

// 月份下拉声明

        var MONTH = new dijit.form.Select(
            name        : "MONTH",
            options     : store,
            value       : this.fields['MONTH'].value,
            style       :  width: '125px' ,
            maxHeight   : -1
        , this.dapMONTH);

（我不确定如何覆盖使用的 CSS 主题）

谢谢。

【问题讨论】：

我还没有使用 dijit，但是一个简单的 font-size: 8pt; 或任何你想要的大小都应该可以做。

感谢拉普蒂的回答。但是 fontSize : 8pt 改变的是选择特定值时小部件中选项的大小。我想要的是，当我单击向下箭头时，列表中的所有选项都应该缩小到默认大小。

也许您应该使用浏览器的检查工具来为选项确定合适的 CSS 选择器，然后将 <style type="text/css">selector here font-size: 8pt;</style> 插入到文档标题中。如果这没有帮助，请尝试使用!important，但如果没有必要，这样做不是一个好习惯。

【参考方案1】：

使用以下 CSS：

.dijitSelectLabel 
  font-size:30px;      

.dijitMenuItemLabel
    font-size:25px;

活生生的例子：

https://jsfiddle.net/cz19fcpp/

在.dijitMenuItemLabel 中，您可以处理菜单列表中项目的字体大小，而在dijitSelectLabel 中，您可以为列表中的选定项目设置字体大小。