@-moz-document url-prefix() 不起作用

【问题标题】：@-moz-document url-prefix() not working@-moz-document url-prefix() 不起作用
【发布时间】：2018-08-23 12:53:09
【问题描述】：

我有一个网页和一个 CSS 文件。我的问题在我使用时的 CSS 文件中

@-moz-document url-prefix()

在我的计算机上，CSS 规则适用，但在另一台计算机上它不起作用（使用相同版本的 Firefox 测试），这真的很奇怪。如果有任何帮助，这是我的确切 CSS 代码：

@-moz-document url-prefix()
{

  .SelectStyle {
    position:relative;
    top:-17px;
  }

}

.SelectStyle {
float:right;
}

我在这里错过或做错了什么吗？

【问题讨论】：

标签： html css

【解决方案1】：

2018: Firefox 对 @-moz-document url-prefix() 的支持正在被删除
万一有人会看到这个，firefoz 在 2018 年 5 月 28 日删除了对 @-moz-document url-prefix() 的支持。

您可以使用以下语法之一：

@media screen and (min--moz-device-pixel-ratio:0) {
   .selector {
      property: value;
   }
 }

_:-moz-tree-row(hover), .selector{
     property: value;
}

【讨论】：

当我搜索 min--moz-device-pixel-ratio 或 -moz-tree-row 时，它们都带有可怕的 MDN 警告，说明它们是非标准且不受支持的。