border-style：使用firefox时显示错误的虚线

Question

我定义了以下insdie我的.css文件在我的页脚中显示一个虚线： -

.dash{
border-style:dashed ;
border-width:2px;
border-color:#322f32;
} 

然后在页脚上我添加了以下内容： -

<hr/ class="dash">

虚线显示在Internet Explorer上会很好，但是它不会在firefox上显示得很好，所以这背后的原因是什么，并且将此虚线作为图像内部更安全吗？ BR

Answer 1

也许你正在努力实现以下目标：

请参阅此Fiddle Example！

<强> CSS

.dash{
  border: 0 none;
  border-top: 2px dashed #322f32;
  background: none;
  height:0;
} 

<强> HTML

<hr class="dash" />

在所有浏览器上使其相同。

<hr />附带一些默认值，具体取决于浏览器，并且对于所有浏览器，您需要重置这些值。

Answer 2

Repalce：

<hr/ class="dash">

使用：

<hr class="dash" />