Textarea CSS Box-Shadow not working on IE11

I cannot get the property box-shadow

to work correctly with the element textarea

in Internet Explorer 11. I have already found some solutions such as adding border-collapse: separate;

, but they don't seem to work for me.

This is the CSS for the element.

.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
    border: 0px solid #CCC;
    background-color: #d3d3d3;
    color: #888;
    height: 20px;
    margin-bottom: 16px;
    margin-right: 6px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 55%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 2px 4px rgba(136, 136, 136, 1);
    -webkit-box-shadow: inset 0 2px 4px rgba(136, 136, 136, 1);
    -moz-box-shadow: inset 0 2px 4px rgba(136, 136, 136, 1);
}

.bootstrap-frm textarea{
    height: 205px;
    width: 95%;
}

      

        
        
        
      

    

The rest of the code is not important - just the inherited parameters text-align

, font-size

and font-family

. Thanks for any help.