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. enter image description here

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.

+3
css internet-explorer internet-explorer-11 textarea box-shadow


source to share


No one has answered this question yet

Check out similar questions:

3856
Change HTML5 placeholder color with CSS
2926
Is there a CSS parent selector?
2900
Set cellpadding and cellpacing in CSS?
2687
Can CSS be applied to half a character?
2241
When to use margin vs padding in CSS
1777
How do CSS triangles work?
five
Create 2 Column 100% Layout with Bootstrap
4
How to repeat a background image in a div for longer than page length?
3
Invalid css style when zooming in calendar
1
Setting overflow to scroll on a fixed div doesn't work



All Articles
Loading...
X
Show
Funny
Dev
Pics