jQuery Forum

While working on incorporating the existing Jquery UI Datepicker into Jquery Mobile (until Mobile gets its own native DatePicker) 

I noticed that loading both the JQUI and the JQM stylesheets creates collisions in many icon classes:

ui-icon

ui-icon-alert

ui-icon-gear

etc.

This results in your JQM button icons looking very strange or disappearing altogether. You might end up having to comment out the ui-icon rules in your JQUI stylesheet (which will make icons on JQUI widgets look weird, but thats probably the lesser evil if most of your UI is JQM. For example in my DatePicker, the prev/next month icons on the top of the picker are now wrong)

I wonder - perhaps the Filament Group css guys can shed some light on this:

Is the aliasing of the icon classes intentional - in which case can you provide guidance as to how to make JQUI coexist with JQM stylesheets ?

Or if it is not intentional, any chance we could rename the ui-icon styles to  different - non-overlapping - style names in JQM ?