Css text IE中的区域边界和边缘
我有一个textarea样式,在chrome中,它看起来很好,四周都是平坦的均匀边框,但是在edge和IE中,它的左侧和上方有一个较暗的边框(如下图所示)。我假设这是某种阴影,怎么才能消除? 我用于文本框的CSS是Css text IE中的区域边界和边缘,css,textarea,Css,Textarea,我有一个textarea样式,在chrome中,它看起来很好,四周都是平坦的均匀边框,但是在edge和IE中,它的左侧和上方有一个较暗的边框(如下图所示)。我假设这是某种阴影,怎么才能消除? 我用于文本框的CSS是 .textarea-rounded { font-family: 'Inconsolata', monospace; overflow: hidden; margin-top: 5px; margin-bottom: 5px; padding
.textarea-rounded {
font-family: 'Inconsolata', monospace;
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: #ecf0f1;;
border-radius: 25px;
height: 200px;
width: 90%;
font-size: 18pt;
color: #95a5a6;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
这是由于边缘的默认边界颜色。您可以为此显式设置
边框颜色
,以使跨浏览器边框颜色相同
.text区域四舍五入{
字体系列:“Incolata”,单空格;
溢出:隐藏;
边缘顶部:5px;
边缘底部:5px;
左侧填充:10px;
右边填充:10px;
背景色:#ecf0f1;
边界半径:25px;
高度:200px;
宽度:90%;
字号:18pt;
颜色:#95a5a6;
过渡:所有0.8秒都易于输入输出;
-webkit过渡:所有0.8秒都易于输入输出;
-moz转换:所有0.8秒都易于输入输出;
盒影:0 0 5px rgba(81、203、238、0);
-webkit盒阴影:0 0 5px rgba(81、203、238、0);
-莫兹盒阴影:0 0 5pxRGBA(81,203,238,0);
边框颜色:#808080;/*新*/
}