clear div float css property

Question

I am using jQuery ui dialog component where the dialog button is aligned to the right. The reason is because of the following property that gets set automatically.

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

If I clear this float: right property, the alignment looks fine. I tried it through Firebug. How do I clear this CSS property from my CSS file?

daniel__ · Accepted Answer · 2013-08-19T17:09:29.577

2

Override the property. This should work.

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
}

To avoid !important you can try add this CSS (your custom css file) after the css of the Jquery UI. The load order is relevant.

edited Aug 19 '13 at 17:09

answered Aug 19 '13 at 17:01

daniel__

11,633
15
64
91

score 0 · Answer 2 · answered Aug 19 '13 at 17:01

0

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

answered Aug 19 '13 at 17:01

VenomVendor

15,064
13
65
96

clear div float css property

2 Answers2