Login Register
Home » Support » Forums » Dijit (dijit.*, 0.9+) » Dijit Support » Changing ComboBox Options Style/Font

Changing ComboBox Options Style/Font

Submitted by hiwatt on Wed, 04/30/2008 - 20:40.

For a standard HTML select I can do this:

style="font-family:Courier New; font-size:14pt;"

But for the Dijit ComboBox, it has no effect on the options; instead, it only
affects the style of the type-ahead area of the combo.

Any suggestions?

Thanks!

‹ Can I add a label in front of each tree node?? NumberSpinner with fractional smallDelta? ›

You need to override the

Submitted by joshghiloni on Thu, 05/01/2008 - 01:00.

You need to override the style ".dijitComboBox input" ... the ComboBox is a combination of a textbox, and a div (that acts a lot like a dijit Menu)

Changing ComboBox Options Style/Font

Submitted by hiwatt on Thu, 05/01/2008 - 19:23.

Thanks, but it doesn't work, all it changes is the style of the textbox as before, not the option items. I tried this:

.dijitComboBox input{

font-size : 15pt!important;"
}

Anything else?

So you want to update the

Submitted by joshghiloni on Tue, 05/06/2008 - 19:51.

So you want to update the drop down items? Those are of class .dijitMenuItem (or something like that). The easiest way to do it is look at dijit.css, and search for dijitComboBox.

Changing ComboBox Options Style/Font

Submitted by hiwatt on Wed, 05/07/2008 - 00:51.

Over-riding .dijitMenuItem did the trick, although when I look at dijit.css, to me it's not obvious why. But in any case, it's working properly now.

Thanks for pointing me in the right direction.