Opened 15 years ago

Closed 15 years ago

Last modified 11 years ago

#4583 closed defect (invalid)

CSS can not be overwritten in Comboboxes

Reported by: guest Owned by:
Priority: high Milestone:
Component: Dijit - Form Version: 0.9
Keywords: Cc:
Blocked By: Blocking:


Hi, I want to change the style of a FilteringSelect? widget and therefor I use the "class" parameter that points to my personal css class. The problem now is that in the generated code, I have something like this: class="dijit dijitReset dijitInline dijitLeft test dijitComboBoxNoArrow". As you can see my personal 'test' class is always overwritten by the dijitComboBox class. Which makes it impossible f.i. to create this widget without borders.

Change History (2)

comment:1 Changed 15 years ago by bill

Resolution: invalid
Status: newclosed

You are misunderstanding how CSS works. The order of classes specified in class="dijit ... test dijitComboBoxNoArrow" is irrelevant. CSS rules take precedence based on specificity, and if there's a tie then the rule declared last wins. So if you define your test rule after the dijitComboBoxNoArrow rule and it has specificity >= the rule about dijitComboBoxNoArrow then it should take precedence.

comment:2 Changed 11 years ago by bill

Component: DijitDijit - Form
Note: See TracTickets for help on using tickets.