title: How to set the width of the input type=file?
body: <p>I have a table inside which lot of td's. Inside one of the td i have "input type=file". I need to decrease the size of this input type, but the problem is it is not minimizing lower than 70px (i guess the minimum is 70px). because of this it is overlapping with the other td.</p>
  
  <pre><code>&lt;td class="AttachOnMouseOutText" 
      id="fileid" 
      nowrap="nowrap" 
      style="padding-right:15px; 
             padding-left: 10px;" 
      valign="top" 
      onClick="fad_open();" 
      onMouseOver="highlightBG('fileid',0,'add','add_over.gif');
                   this.style.cursor='hand';
                   return true;" 
      onMouseOut="highlightBG('fileid',1,'add','add.gif'); 
                  return true;"&gt;
  
  
  &lt;p class="Margin" 
         style="position:relative;"&gt;
  
      &lt;input type="file" 
                 name="AttachLink"  
                 style="position: absolute; 
                        filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0); 
                        opacity:0; 
                        width:70px; 
                        height:50px; 
                        cursor: hand; 
                        left:-25px;" 
                 title="Add File Attachment" 
                 onChange="getWeblink();"&gt;
  
      &lt;img src="#ContactsImagePath#add.gif" 
           alt="Add File Attachment" 
           border="0" 
           align="middle" 
           name="add" 
           id="add" 
           onClick="fad_open();"&gt;
  
  &lt;/p&gt;
  
      &lt;span&gt;Add File&lt;/span&gt;
  </code></pre>
  
  <p></p>
  
  <p><img src="https://i.stack.imgur.com/vOQtm.png" alt="Image"></p>