JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

Fine in all browsers
<input type="text" id="text" name="text"/><div id='res1'></div>
Wrong result in IE 9 (9.0.8112.16421)
<input type="file" id="file1" name="files" /><div id='res2'></div>

CSS

input
        {
            display:block;
            width:200px;
            border:1px solid #999;
            margin-bottom:8px;
            padding:2px;
        }

JavaScript

$('#res1').html($('#text').css('border-top-width'));
$('#res2').html($('#file1').css('border-top-width')+","+
      $('#file1')[0].style.borderTopWidth+","+
      window.getComputedStyle($('#file1')[0], null).borderTopWidth );