-moz-overflow：隐藏在firefox中不起作用

Question

我需要Mozilla Firefox特定的溢出：隐藏属性，以便它只应用于Firefox。

Fiddle with issue

以下是问题演示的示例代码;

    <div class="container">
    <div class="hidmeinfirefox">I should be hidden in firefox</div>
</div>

    .container {

}
.container .hidmeinfirefox {
    height: 1px;
    width: 1px;
    -moz-overflow: hidden;
}

Answer 1

使用此代码

<style type="text/css">
@-moz-document url-prefix() {
    .hidmeinfirefox {
        overflow: hidden;
    }
}
</style>

Answer 2

纯CSS解决方案：

@-moz-document url-prefix() {
  .container .hidmeinfirefox {
    overflow: hidden;
  }
}
.container .hidmeinfirefox {
    height: 1px;
    width: 1px;
}

https://jsfiddle.net/r4y9c8b6/5/