carpinteyromhh
New Member
I am using jquerymobile to build an PhoneGap app for iOS,I try to change the background of jquerymobile but I can't. Here is my html source:\[code\]<!DOCTYPE html><html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script> <script type="text/javascript" src="http://stackoverflow.com/js/cordova-2.5.0.js"></script> <link rel="stylesheet" href="http://stackoverflow.com/questions/15737599/mainUI.css"/> </head> <body> <div data-role="page" id='mypage'> <div data-role="header" data-position="fixed"> <h1>Page Title</h1> <a data-role="button" data-rel="back">back</a> </div><!-- /header --> <div data-role="content"> content </div><!-- /content --> <div class="my-footer" style="background-color: #00FF00;" data-role="footer" data-position="fixed"> <div class="my-tabbar"> MYTEST div </div> </div> </div><!-- /page --> </body></html>\[/code\]and here is my custom CSS file:\[code\].my-footer { background-color: #ff0000; }.my-footer .my-tabbar{ background-color: #ff0000;}.my-tabbar{ background-color: #ff00ff;}\[/code\]When I ran this html on Chrome browser, I worked. But When I ran on iPhone5 device, it didn't.Please helps.