Html 在Firefox中更改边框样式：悬停状态

我对Firefox中应用边框样式的更改有问题。 我的代码：

这个问题只存在于FF中。我试着使用

边框：3个点

替代

边框样式

，还有

！重要信息

，但这也不起作用。CSS

transform

可在所有浏览器中工作。 HTML结构：

  <div id="wizardRow" class="row">
      <div class="col-xs-2 wizardCompleted">
          <a href="#"><span class="wizardCircle"><span class="glyphicon glyphicon-ok"></span></span></a>
          <a href="#"><span class="wizardDesc">Tekst</span></a>
      </div>
  </div>

---

不幸的是，您不能这样做，因为这是Firefox中的一个开放bug：

---

如果您删除

边框半径

，它将正常工作。

不幸的是，您不能这样做，因为这是Firefox中的一个开放bug：

---

如果删除

边框半径

，它将正常工作。

您的

边框半径

使虚线边框消失

你可以看得更清楚

如果您输入一个小值，就可以看到发生的更改

实际上，这是因为你的圆都是半径，当你说你的盒子将有

边界半径：50%

，你是说每个角将占据50%的边界。这样就没有剩余的空间显示边框了。因此，边框样式属性不会影响边框半径空间

---

原因是Firefox呈现

边框半径属性的方式存在缺陷。
您的
边框半径会使虚线边框消失

你可以看得更清楚

如果您输入一个小值，就可以看到发生的更改

实际上，这是因为你的圆都是半径，当你说你的盒子将有
边界半径：50%
，你是说每个角将占据50%的边界。这样就没有剩余的空间显示边框了。因此，边框样式属性不会影响边框半径空间

原因是Firefox呈现
边框半径属性的方式存在缺陷。
你能创建一把你的代码吗，border remian solidi认为它是border radius的bcos移除并检查它并使用border:3px solid#000你能创建一个你的代码吗请注意：这里是这样的：如果我添加颜色，颜色就会改变，border remian solidi认为它是border radius的bcos移除并检查它并使用border:3px solid#000是的，这是Firefox上的一个bug，但它的发生是有原因的，如上所述。是的，这是Firefox上的一个bug，但它的发生是有原因的，如上所述。
  <div id="wizardRow" class="row">
      <div class="col-xs-2 wizardCompleted">
          <a href="#"><span class="wizardCircle"><span class="glyphicon glyphicon-ok"></span></span></a>
          <a href="#"><span class="wizardDesc">Tekst</span></a>
      </div>
  </div>

#wizardRow>div:hover .wizardCircle{
    ...
    border-radius: 25%;
    ....
}