我无法使box-shadow
属性在Internet Explorer 11中的textarea
元素上正常运行。我已经找到了一些解决方案,例如添加border-collapse: separate;
,但是似乎不适合我。
这是元素的CSS代码。
.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%;
}
其余代码并不重要 - 只有继承的参数为text-align
,font-size
和font-family
。谢谢你的帮助。