关于在firefox浏览器中outline-offset负值不能形成加号的问题

Question

问题描述

在谷歌里outline-offset取负值，在一个临界点可以形成加号，但在firefox和hbuilder里盒子中心的右下方，网上查了一下没看到这方面的解答，请问各位大神给个指点

相关代码

.cross {

width: 100px;
height: 100px;
border: 1px solid #ccc;
outline: 20px solid #ccc;
outline-offset: -70px;

}
<div class="cross"></div>

你期待的结果是什么？实际看到的错误信息又是什么？

谷歌浏览器渲染结果：

火狐和hbuilder渲染结果：

最后我没办法，只好用背景图的加号实现了这个样式，不过疑问哪位大神可以解答下嘛