IE边框半径显示错误

Question

边缘半径和IE 9 +有一个奇怪的问题。

浏览器在左侧显示圆角，就像附加的图像一样。 如果您遇到此类问题，请告诉我您的解决方案。

我还附上了我用于成功消息的CSS示例：

width: 100%;
padding: 15px;
background-color: #beff97;
color: #68bd45;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

编辑：我有<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">

这里是我在那里做的小提琴： http://jsfiddle.net/afXWu/

Answer 1

尝试禁用outline属性：

outline:none;

Answer 2

我刚用我的IE9 +测试了你的jsfiddle演示，没有任何与border-radius属性显示不正确有关的问题。

IE9（仿真）

IE11

修改

您尚未关闭meta代码

<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1"/>＆lt; - 最后一个斜线应该存在。

或者你可以尝试这个<meta http-equiv="X-UA-Compatible" content="IE=edge"/>。