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

Question

我试图根据Paulie-D具有2px边框的工具提示，在我的工具提示div及其：before＆：after箭头上获得1px绿色边框。

我可以让它们一次在一个浏览器中运行：如果它们在Chrome中运行，那么它们在Firefox中就降低了1px。 如果它们在Firefox中运行，则在Safari中的分辨率为1px。 如果它们在Safari中可以正常工作，则在Chrome中可以降低1像素。 等等，甚至还没有使用IE进行过测试。

这是我在Codepen中的尝试 。

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

Answer 1

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

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