Search code examples
jqueryhtmlcssjquery-mobile

Adding Jquery Mobile breaks CSS

When I add Jquery mobile to my HTML using CDN;

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

It completely takes over my styles & breaks my design.

Is there anything I can do so that way its not using Jquery's CSS for my whole project?

Solution

  • The jquery.mobile.css has a lot of classes and attributes that can be in conflict with your classes puting properties diferents that properties that you are expect for each tag or class.