title: How to give style (image) for browse button in CSS?
body: <p>How to apply style (image) for browse button?</p>
  
  <p>I need to give image for browse button, i done in the following way, but the problem is
  cursor pointer is not working so i cant able to click the browse button in IPAD...</p>
  
  <pre class="lang-css prettyprint-override"><code>input.file {
      cursor: pointer;
      border: 0 solid #33CCFF;
      opacity: 0;
      padding: 5px;
      position: relative;
      text-align: right;
      width: 350px;
      z-index: 2;
  }
  </code></pre>
  
  <p>can any one help me.. </p>