I am using Jquery mobile 1.3. I have an input,
<input style="width: 75px" type="text" />The problem is that it's size is always large. How to make it small,
http://jsfiddle.net/2bWfL/163/
<head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>My Title</h1> </div><!-- /header --> <div data-role="content"> <input type="text" style="width:75px"/> </div><!-- /content --> </div><!-- /page --> </body>