更改字體大小的下拉菜單選項從商店加載

我想減少我的dijit.form.Select框（dojo 1.6）中的所有選項的字體大小。我正在初始化並以編程方式設置選項。如何更改下拉列表中選項的字體大小？請幫忙。更改字體大小的下拉菜單選項從商店加載

這是我當前的代碼：

// MONTH下拉聲明

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

（我不知道如何覆蓋使用的CSS主題）

感謝。

來源

2015-11-26 Gosree

我還沒有用過dijit，但是一個簡單的'font-size：8pt;'或者任何你想要的大小應該可以做。 – Rapti

感謝Rapti的回答。但是fontSize：8pt的變化是選擇特定值時widget中選項的大小。我想要的是，當我點擊向下箭頭時，列表中的所有選項應該按照縮小到默認大小的大小。 – Gosree

也許你應該使用你的瀏覽器的檢查工具來爲這些選項確定一個合適的CSS選擇器，然後在這裏{font-size：8pt;}'插入到文檔頭中。如果這樣做沒有幫助，請嘗試使用'！important'，但如果不是必需的，這樣做不是一個好習慣。 – Rapti

使用下面的CSS：

.dijitSelectLabel { 
    font-size:30px;  
} 
.dijitMenuItemLabel{ 
    font-size:25px; 
}

活生生的例子：

https://jsfiddle.net/cz19fcpp/

凡.dijitMenuItemLabel你可以處理的字體大小在菜單列表中的項目，並在dijitSelectLabel即可從列表中爲所選項目設置字體大小。

來源

2016-05-12 07:24:51 GibboK

更改字體大小的下拉菜單選項從商店加載

回答

相關問題