浏览按钮在IE中未按预期工作

Question

当输入类型为type =“file”时，我需要更改浏览按钮的颜色。我已经为此创建了一个js小提琴，它在chrome中工作正常。但IE中的颜色没有变化。请发布。救命。 以下是指向它的链接：http://jsfiddle.net/E42XA/596/

HTML：

 <form>    
    <input type="file" id="fileUpload">
    </form>

CSS：

 input, label {
    display: block;
    }
input[type="file"] {    
  border:none !important;
    background-image:none;
    cursor: pointer;
}

input[type=file]::-webkit-file-upload-button {
    border: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: button;
  width: 100px;
 background-color:#003b5c !important;
  color:#fff;
  cursor: pointer;
}
<!--[if IE]>
<style type="text/css">
input.hide
{
    position:absolute;
    let:10px;
    -moz-opacity:0;
    filter:alpha(opacity:0);
    opacity:0;
    z-index:2;
    width:0px;
    border-width:0px;
    background-color:#003c5c !important;
}
</style>
<![endif]-->