title: Want a Button But Have to Use Input Where Type=File?
body: <p>I have an <kbd>Import</kbd> button that I want to look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/G2cv6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G2cv6.png" alt="enter image description here"></a></p>
  
  <p>The HTML for that looks like this:</p>
  
  <pre><code>&lt;button on-read-file="importTasks(contents)" class="btn btn-default" ng-click="importTasks();"&gt;Import&lt;/button&gt;
  </code></pre>
  
  <p>However, because I want the button to open a file, my research shows I need to use an input control and it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/0f1ep.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0f1ep.png" alt="enter image description here"></a></p>
  
  <p>Here is the HTML for it:</p>
  
  <pre><code>&lt;input type="file" on-read-file="importTasks(contents)" class="btn btn-default" ng-click="importTasks();"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>I don't need the input box, and I don't need a button to say browse. I want the functionality of the second option, with the look of the first. Is that possible?</p>