IE css样式为边界半径和背景颜色

Question

当链接或按钮存在框阴影和背景颜色时，IE会在其周围显示白线。知道它是什么吗？

除了下面使用的内容之外，没有其他风格。我检查了IE11和chrome的调试工具。 它不会出现在轮廓和背景颜色上，只有盒阴影和背景颜色。

JSFiddle here（要在IE上运行，我使用的是IE 10）

//css
a,button {
  background-color: #61C250 !important;
  color: white !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: 0 0 0px 2px #61C250 !important;
  text-decoration: none;
}


//html
<a href="#/random">Random Link</a>
<hr/>
<button>Random Button</button>

Answer 1

  

IE在它周围显示一条白线。知道它是什么吗？

这似乎是IE中的一个错误，它对元素边缘的反别名效果会从它背后的元素中获取颜色。

如果将body的背景设置为红色，则白线变为红色

body { background: red; }
a,button {
  background-color: #61C250 !important;
  color: white !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: 0 0 0px 2px #61C250 !important;
  text-decoration: none;
}

<a href="#/random">Random Link</a>
<hr/>
<button>Random Button</button>