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)
Resolution: |
→ invalid
|
Status: |
new →
closed
|
Component: |
Dijit →
Dijit - Form
|
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.