View Ember.TextField bigger up/down arrows for iPad


I have this line of code:

   <?php if($_SERVER['HTTP_USER_AGENT'] == 'Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10')  {
   echo "That is an iPad";
   //auto hide the keyboard and display bigger up and down arrows
} ?>
  <div class="pull-right">{{view Ember.TextField class="span1 qnty-bulk" valueBinding="item.qnty" type="number" min="1" max="9999999"}}</div>

and need to have the up and down buttons big enough so you can touch them on an ipad. It this possible? I also need to auto hide the keyboard please can some one help me with this please>