title: Hide element on Firefox/IE and show only on chrome
body: <p>I am using <code>&lt;input type="file" webkitdirectory&gt;</code> to select folders on Chrome. While I know that this feature works only on Chrome, I would like to hide this button on browsers like Firefox and IE that don't support it.</p>
  
  <p>I found a post that suggested to do something like the below code, however it returns false both on chrome and FF. </p>
  
  <pre><code>$scope.isDirSupp = function() {
      var tmpInput = $('#bulkyFolder');
      if ('webkitdirectory' in tmpInput 
          || 'mozdirectory' in tmpInput 
          || 'odirectory' in tmpInput 
          || 'msdirectory' in tmpInput 
          || 'directory' in tmpInput) return true;
  
      return false;
  }
  </code></pre>
  
  <p>html:
  <code>&lt;input type="file" webkitdirectory id="bulkyFolder" ng-show="isDirSupp"&gt;</code></p>
  
  <p>What is the best way to show this button on chrome and hide it on Firefox and IE?</p>