如何在Chrome 60 / Windows 7中影响边框呈现?

精确的铬版本:60.0.3112.113 64位。

它发生在我的Windows 7桌面上,但我无法在Windows 10笔记本电脑上重现它。

此代码正常工作:

<button style="border-radius: 17px; border: 1px solid black; padding: 10px"> Button </button> 

结果:

正常的结果

但是如果我将这个SVG添加到文档中:

 <svg> <path d="M0 0c0-4 0 0 0 0 0 0 0 0 1 60"></path> <path d="M0 0c0-4 0 0 0 0 0 0 0 0 1 60"></path> <path d="M0 0c0-4 0 0 0 0 0 0 0 0 1 60"></path> <path d="M0 0c0-4 0 0 0 0 0 0 0 0 1 60"></path> <path d="M0 0c0-4 0 0 0 0 0 0 0 0 1 60"></path> <path d="M0 0c0-4 0 0 0 0 0 0 0 0 1 60"></path> </svg> 

结果变得不可思议:

别名的结果

这是小提琴: https : //jsfiddle.net/q29aofrm/

这是简化的SVG代码。 而不是任何SVG产生的副作用。 我在http://getbootstrap.com/find一个真实的例子(仔细看button的angular落)

你能解释一下这种奇怪的行为吗 有什么办法可以避免吗?