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.
+3
source to share
No one has answered this question yet
Check out similar questions: