Html 奇怪的Chrome边框半径字体大小错误

很抱歉让人困惑的标题，但是这个bug很奇怪

我正在处理一些按钮，注意到如果我的按钮在特定字体大小上有边框+边框半径+覆盖（用于渐变），Chrome会显示2像素的右边框，而不是1像素

这是小提琴

我不确定我的覆盖容器是否继承了某些内容，但除了更改字体大小外，我找不到修复方法

也试过

font:0/0 a;

覆盖容器和各种CSS攻击，但这毫无意义

该按钮是相对的，并在所有方向上拉伸

有人能解释一下这是什么吗

---

请注意，我不是要求添加/删除/修改当前html结构。只需要了解发生这种情况的原因和可能的解决方案。更改。覆盖类边界半径：继承到边界半径：0

     .overlay {border-radius:0;}

---

演示：

更改。覆盖类边界半径：继承到边界半径：0

     .overlay {border-radius:0;}

---

演示：

你放大了100%吗？（ALT+0）这对我来说在Chrome 45上的Windows中正常渲染。@Chris，100%，测试过几次，可能与Windows中的屏幕分辨率设置有关。我明白了，这可能是由于高分辨率——Windows管理它，这样UI就不会变得太小而无法使用。我在Windows7@1366x768（工作笔记本电脑）上进行了测试。当我回到家后，我会继续跟进，并尝试在我运行W10的个人笔记本电脑上复制它。但我想说这就是问题所在。你放大了100%了吗？（ALT+0）这对我来说在Chrome 45上的Windows中正常渲染。@Chris，100%，测试过几次，可能与Windows中的屏幕分辨率设置有关。我明白了，这可能是由于高分辨率——Windows管理它，这样UI就不会变得太小而无法使用。我在Windows7@1366x768（工作笔记本电脑）上进行了测试。当我回到家后，我会继续跟进，并尝试在我运行W10的个人笔记本电脑上复制它。但我想说这就是问题所在。我不能这样做，因为我需要向覆盖添加一些过渡，并且它必须从父项继承br。但无论采用哪种方式，0都无法实现，因为我需要向覆盖添加一些过渡，并且它必须从父项继承br。但不管是哪种方式，使用0，我仍然可以看到错误