精确的铬版本: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落)
你能解释一下这种奇怪的行为吗 有什么办法可以避免吗?