Css 在IE11/Edge中渲染1px虚线边框

请注意，在IE11/Edge 1px虚线边框渲染中存在一些问题，在输入的某些部分，它更亮，而在某些部分，它更暗

input {
  display: block;
  height: 23px;
  vertical-align: middle;
  font-size: 13px;
  margin: 0;
  min-width: 500px;
  padding: 0 10px;
  margin: 15px 0;
  color: #C2C2C2;
  background: #000000;
  border: 1px dotted black;
}

即使我增加border->2px，问题仍然存在

Chrome/FF看起来不错，这是解决这个问题的简单方法，而不是更改边框类型吗？

---

（在IE11/Edge中打开）

这似乎是一个浏览器错误。我可以在

IE11

/

Win7

上确认，它不仅影响

输入

字段，还影响其他元素

经过一些测试，我发现当元件的尺寸为偶数时会出现问题，例如

500px

宽或

40px

高

使用像

501px

宽和

41px

高这样的奇数是一种临时解决办法：

正文{
背景：#181818；
}
输入{
显示：块；
填充：0 10px；
高度：40px；
利润率：15px0；
颜色：#C2C2；
背景：#000；
边框：1px点#FFF；
大纲：无；
宽度：500px；
}
#输入2{宽度：501px；高度：41px；}

我没有Edge，因此无法进行测试，但从外观上看，它看起来像是一个浏览器错误。因此，我很荣幸能找到你。要提交错误报告吗？您是否正在使用高dpi显示器？在Win10上使用IE11/Edge进行检查，它可以处理奇数的输入高度/宽度。谢谢。有人在这里报告了错误：