Opened 12 years ago

Closed 12 years ago

Last modified 8 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:

Description

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 12 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 8 years ago by bill

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