html - 使用 CSS 的跨浏览器 1px 工具提示箭头边框？

Question

我试图在我的工具提示 div 及其 :before 和 :after 箭头上获得 1px 的绿色边框，基于Paulie-D 的带有 2px 边框的工具提示。

我可以让它们一次在一个浏览器中工作：如果它们在 Chrome 中工作，它们在 Firefox 中的差距为 1px。如果它们在 Firefox 中工作，那么它们在 Safari 中是 1px 的。如果它们在 Safari 中工作，它们在 Chrome 中会相差 1px。等等。甚至还没有用 IE 测试过。

这是我在 Codepen 中的尝试。

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

Answer 1

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

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