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

Question

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

下面是问题演示的示例代码；

    <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

纯CSS溶液：

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

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

Answer 2

使用此代码

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

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

-moz-overflow: hidden not working in firefox

html

css

firefox