title: Styling for Mobile; "Choose File" Button Too Small in iOS 6
body: <p>I'm currently working on styling a couple of simple form pages originally written in ASP.NET for mobile. I'm using media detection in CSS3 to determine if the device is mobile, and if it is, I basically make everything look bigger. This has worked so far in most of the phones I've tested, but in iOS6, the "choose file" button stubbornly refuses to get bigger like every other element. I've tried styling it by its ID or just through all inputs, and while I can change the color or the font, the size never changes. How can I make the choose file button look bigger?</p>
  
  <p>My CSS page:</p>
  
  <pre><code>@import url(master.css);
  
  /* --- page wrapper --- */
  #wrapper { width:80%; margin:auto; max-width:1200px; position:relative; border:1px solid #000; background-color:#000; }
  #main { width:100%; height:100%; border-bottom:1px solid #000; }
  #content { height:100%; background-color:#CDCCCC; padding: 20px 50px 20px 50px; }
  #login { text-align:center; }
  #upload { padding:10px; }
  #list {  display: inline; width: auto; height: auto; }
  #logoutButton { display: inline; float: right; }
  #guidelines {
      text-align:justify;
  }
  #flash { 
      padding: 20px; 
  }
  @media only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
       #logoutButton {
          display: inline;
          float: right;
      }
      #guidelines {
          background-image:url(http://cite.nwmissouri.edu/PhotoContest_MobileApp/transparentbg4androidwidthbug.png);
          background-repeat:repeat;
          text-align:inherit;
          height:100%; 
          background-color:#CDCCCC; 
      }
      #hwrapper {
          width:initial;
      }
  
      #contentum { 
          height: 100%; 
          width:inherit;
          background-color:#CDCCCC; 
          text-align:inherit; 
          font-size:40px; 
          padding-right: 5px;
      }
      input {
          font-size:40px;
          height:inherit;
          width:inherit;
      }
  
      select {
          font-size:40px;
          height:auto;
          width:inherit;
      }
  
      #upload {
          font-size: 40px;
          text-align: start;
          height: 100%;
          width: 100%;
          padding-right: 12px;
      }
      #wrapper {
          width:inherit; 
          height:inherit; 
          margin:auto; 
          position:inherit; 
          border:1px solid #000; 
          background-color:#000; 
          overflow:scroll;
      }
      li {
          font-size: 40px;
          text-align: start;
      }
  }
  </code></pre>