跨浏览器1px工具提示箭头与CSS边界？

Question

我正试图在我的工具提示divs＆amp;上获得1px绿色边框他们的：之前和之后：箭头后，基于Paulie-D's tooltips with a 2px border.

我可以让他们一次在一个浏览器中工作：如果他们在Chrome中工作，他们在Firefox中只有1个关闭。如果他们在Firefox中工作，他们在Safari中关闭1次。如果他们在Safari中工作，他们在Chrome中的价格是1px。等等。还没有用IE测试过。

Here's my attempt, in Codepen

有人可以帮忙吗？是否有可能为这些获得一致的跨浏览器结果，或者我最好放弃并使用背景图像？

Answer 1

你尝试过发电机了吗？这是我使用的一个，我没有注意到跨浏览器的问题：http://cssarrowplease.com/

此工具生成的CSS与您的不同。也许你可以尝试一下。