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

Question

对不起，关于令人困惑的标题，但这个bug是奇怪的。

我工作的一些按钮，并注意到，如果我的按钮具有边框+边框半径+覆盖（用于渐变）特定字体大小铬显示2px右边界而不是1。

这里是小提琴

http://jsfiddle.net/3x73q9md/

我不知道如果我的覆盖容器被继承的东西，但我不能找到修复，只是改变字体大小。

也试过

font:0/0 a; 

上覆盖容器和各种CSS黑客，但是这只是没有任何意义。

该按钮是相对和覆盖绝对拉伸的所有方向。

有人可以请解释这是什么。

请注意，我不是要求添加/删除/修改当前的html结构。只需要了解为什么会发生这种情况并为此提供可能的解决方案。

Answer 1

change .overlay class border-radius：inherit;至border-radius：0;

 .overlay {border-radius:0;} 

演示：http://jsfiddle.net/3x73q9md/1/