Question

如何阻止autoprefixer向Mozilla特定扩展名添加-webkit前缀？

这里有一些例子可以说明我的观点：

.custom-range::-moz-range-thumb {
    -webkit-transition: none;
    transition: none
}

-webkit-transition在这里无关紧要，因为它是Mozilla特定的选择器（::-moz-range-thumb）。

由于Autoprefixer会创建无用的变体，因此关键帧和过渡会发生另一个疯狂的输出

  -webkit-transition: -webkit-box-shadow 0.1s ease-out;
  transition: -webkit-box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;

不只是

-webkit-transition: -webkit-box-shadow 0.1s ease-out;
      transition: box-shadow 0.1s ease-out;

如何解决此问题？感谢您的帮助。

Answer 1

您可以使用“控件注释”（其词）来强制Autoprefixer忽略CSS的特定块。看起来很灵活。

.className {
  /* autoprefixer: off */
  something: not-prefixed;
}

这里是documentation。

但是您可能还想提交一个错误，因为您看到的内容可能会被过滤掉。

Autoprefixer通常为浏览器特定的扩展添加前缀

1 个答案: