边框图像在 mozilla 中不起作用

Question

我正在使用 css 申请 border-image，如下所示：

 border-image: url('/assets/btn-border.png') 10 10 10 10;

它在 Chrome 上工作正常，但在 Mozilla 中没有出现边框。

我尝试对 class 使用 .gecko，但没有用。

这里有什么问题？

Answer 1

添加

border-style: solid;

应该有效

Answer 2

您必须添加 firefox 的样式

border-style: solid;
border-image: url('/assets/btn-border.png') 10 10 10 10;